Using this script http://www.sepimadani.com/eventoo sorts listings based on closeness to your location build the following
************Front End
Front page a page to turn into to http://sepimadani.com/something/tumb/full/index2.html able to keep its shape and position in any browser and any resolution and as lightweight as possible.
- The bottom stats bar should be similar to tumblr.com
- Automatically detect location and place it in the text box/search box
- Once the user clicks the search button the proceed to the loading page if needed then results page
************Results page
Over all the design of the page should be similar to http://www.sepimadani.com/something%20listing%20pictures/default.html and keep its shape and position in all browsers and resolutions. I used images ONLY as a demonstration.
Each listing block should list basic details and a distance kilometers/miles with the option to choose in the *Search Refine* section I will mention later.
On mouse over each block gets bigger /comes out slightly compared to other blocks and when mouse goes away it goes back in the original position.
On click the listing smoothly opens as big as all 6 listings ON THE SAME PAGE and masks the background ith 80% tint. On the top right corner an X to close the mask and go back to the listings by smoothly fading/closing.
As you go to higher page numbers the listings continue sorting from closest to furthest
As you change page numbers results should load ON THE SAME PAGE no page switching while the new results fade in or blend in smoothly. A loading mask can be used if needed.
All movements should be done in a smooth and slick way.
************Search Refine
The search refine will be a moveable bar that resides on the LEFT side of the street that hides away with a little arrow you can click and it smoothly pulls out towards the right.
When you FIRST view the results page this tab should be open over the results so they can narrow it down but as they go to other pages it should be closed to the left side ready to be clicked.
This may be confusing to explain like this we could discuss this further its nothing serious just seems hard.
The way I want the searches to be refined a slightly different than normal. See files http://www.sepimadani.com/something%20listing%20pictures/search%20narrowing/refine%20search.html to show you. This file is just a DEMONSTRATION OF what I want the Search refine tab to look like. Using similar scripts such as: http://dojocampus.org/explorer/#Dojo_Drag%20And%20Drop_Lists
Categories should be shown based on on all the possible categories but IF the result for that category is 0 the category is a different color and NOT drag able.
The categories that are available there should be a little X beside them once they are in the selected section in the right so if the person wants to remove it they don't have to drag it back they can just press X (Prize: 390)
↧