Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by single0speed

  1. This has more problems than before Once you click on the menu item the only way to get it off is clicking on anther menu item, if you click on the menu item again it still stays active and also if you click off the menu it still stays open. On the original the only problem is that multiple menu drop downs can be opened.
  2. Hey guys, not relay on topic. But I remember you being helpful over here a wile back. Working on a Js drop-down and almost have it working perfect but js is doing my head in basically. When you click on a menu item it opens and once you click off it. it closes. Only problem I have is if you click from one menu item to the next the first one stays open. Seems like I need to use a loop or if statement? Have attached a codepen if you guys could do a fork that would be epic! Cheers
  3. Interesting. Hmm seems like I need to learn a few more coding languages or earn much more to hire a expert . Web Sockets seem like they could work well. Would it be weird doing a 1million page+ SPA ? What are the load times like using dynamic content like that over static? And I do have one off topic question. How hard is it to make a listing search Algorithm that for example somebody searches for "Hard Drive" and the outcome is something like this Slider 1 (cat) Used Hard Drives closing soon Slider 2 (cat) Solid State Slider 3 (cat) over 2TB Slider 4 (cat) portable hdd Slider 5 (cat) On sale hard drives Slider 6 (cat) Hard Drive media player Slider 7 (cat) Hard Drive the movie Slider 8 (cat) Laptop Hd http://hawka.pythonanywhere.com/ if you want to see what I mean about slider usability, just look in mobile sized screen. So when the user searches it breaks up the most common possibility's into sliders and when the user finds the slider that is what they are looking for they can just slide very closely related listings and as you slide sockets load in more content. It would have to take into account things Listing keywords, New or used, Popularity, location, Closing soon, best value for money, sales and even relevance on the users history purchases and price range they buy at. To give a end result that you search and find just what you need in a matter of moments, even on mobile.
  4. Nice Work Blake. But its still not quite what I am after. (just shoot me now ) It is all about user flow. I made a image that hopefully will explain more. https://postimg.org/image/5dzsff8hp/ That image shows how the tabs would be used. Steps Loading Tab 1. User starts off at the browse tab. (page loads) (Browse) 2. User looks at a car listing (new page load) (Browse) 3. User looks at his hub/account (no loading) (My Hub) 4. User looks at a account setting (new page loads) (My Hub) 5. User looks at sell tab (no loading) (Sell) 6. User makes a listing (new page loads) (Sell) 7. User looks back at his account settings from 4 (no loading) (My Hub) 8. User looks back at the car listing from number 2 (no loading) (Browse) 9. User clicks browse tab again = browse homepage (page loads) (Browse) Hope that makes it more clear.
  5. Maybe, I am stuck between a rock and a hard place. I want the 3 tabs to load instantly so i guess my only option is a single page that contains the information of 3 pages at all times. But those 3 pages that that one page loads can be all different. But you are right, a lot of the site will be AJAX. It is just not commonly done so i have my concerns I mean maybe a total ajax would be the way to go, its got me tossing and turning
  6. Hey Dipscom I made a basic Code pen so people know kinda what I'm after. https://codepen.io/single0speed/pen/WodNdY I am sure I will need lots of help with small scale things thought out this site build, Just finding the right people along the way. I am willing to pay good coin as I want this site to be lighting fast/safe/browser friendly. I will try explain the tabs better. When ever the user is on the site they have there 3 options of browse / hub / sell. I have this crafty idea that all three pages are pre-loaded/on one page. So a user can be browsing cars deep on the browse side for example then click on the hub page and it instantly loads as its a same page tab. I was thinking of using java script to update the url of the buy/sell/ hub to the current url on the hover tab(only the url on the tab when its not active). This means when the user clicks from buy over to sell there current browse tab was saved to the browse tab.... so they can sell a item then click on the browse tab and be back to were they was on the site and vise versa.... But the key part of getting the user back to the browse home area so that would be. so the active/indented tab url for browse would be "www.hawka.co.nz/browse" and the non active not yet clicked on tab url would be there last page they visted "www.hawka.co.nz/browse/vehicles/cars/1982783" This is developed to be suppper user friendly. So they never lose there spot, they can sell, browse, update there address and other information all very fast and stream lined. People always develop desktop 1st but i am taking the mobile 1st approach as its pretty much the way. For the tabs I want no plugins or jQuery. Just minimal html/css/js Sorry for the late reply have just being going hard learning JavaScript. If you think you can do it, hit me up with a price. Sorry it is dam hard to explain the functionally of the tabs.
  7. Hey Dipscom Ill look into UX Flow today. Normal tabs allow you to split content on one page Ill put a link. http://www.w3schools.com/w3css/w3css_tabulators.asp I want mine to split content over a website. So the website is more like a fork that has 3 pages open at all times but the tab just selects the one you are after. But once you load the first 3 simple pages you only ever load the one your on. I do understand this is not best practice for development and load times.. but on mobile its just amazing functionality that plenty of sites need it. Here is a link to the site i'm working on too but it wont help you too much. http://hawka.pythonanywhere.com/ I am not sure if it is a GSAP question? tabs are normally done with JavaScript so I figured it might be. I am also willing to put up some coin to who ever can solve it. Maybe a few 100. (hope I am allowed to do that, just let me know if I'm not and ill edit post.) The coding team over here are like gurus so its my best bet in finding some insight into the problem. Cheers Justin
  8. Hey guys I am Justin, first post here. The community over here seems to know there stuff so hopefully you can solve my problem with making tabs in GSAP I am making this website like eBay, but much smaller scale. The top of the site is broken into three tabs. Browse / My Hub / Sell. If the user is in the browse tab he will be searching listings (this is also the default tab on the home page) If the user is in My Hub he will be looking at account information and watchlist... If the user is in sell he will be selling things ect. I can do simple tabs no worries but I need help with advanced tabs. Each tab will have lots of links and links within links ect. But I want the tabs to act just like the tabs do in chrome, so the user can go to all different places in each tabbed section of the site and the other tabs will be right how they were... This is so users can be browsing and decide to add funds, sell something, look at there account, update details.... they can then go back to where they were browsing. Maybe I can use browser cache for the other two tabs that are not used each time the used tab page loads. I would almost want it so the user could upload photos in the sell tab wile browsing listings in the sell tab. I don't know if it can be done, but I am looking forward to any advice/basic codepen.