Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

JavaScript / DOM / AJAX: Dynamic Tabs AJAX/DHTML script??

Bottom of Page

1 to 6 of 6

  1.  
  1.  permalink
    Hi!

    I have an idea in mind and I wonder if anybody seeing something like that.
    Imagine horizontal navigation bar with tabs. There is a maximum limit of 25 tabs on a screen but since the space is limited we can only display 5 tabs at the same time.
    So I was thinking to add some kind of icon at the right end from horizontal navbar with dynamic functionality. Which should do next if there is more then 5 tabs user can click on a icon and then tabs dynamically moves to the left and becoming assessable to click on them.
    Seems to me like a job for AJAX/DHTML.

    Have you seeing something like that so I can use it as a base?
    •  
      CommentAuthorJohnRiv
    • CommentTimeMay 9th 2006 edited
     permalink
    Actually, it's a job for DOM Scripting!

    No need for AJAX in this case (all the data you need should already be on the page), and "DHTML" is just so Web 1.0 :P

    The functionality you're describing is exactly how Visual Studio's UI functions when you have a lot of documents open. As for an example online of this... I can't think of one off-hand. However, if you pick yourself up a copy of Jeremy Keith's DOM Scripting book and read it, you'll know all you need to know to create it.

    Or you can just wait and maybe I'll get around to creating a menu like that. No promises on when though ;)
    • CommentAuthoralixe
    • CommentTimeMay 10th 2006
     permalink
    Hope it is not the navigation for a website because Accessibilty and DHTML Menu is not a good mix ;)

    It is pretty simple to do though. You need to show/hide the right tabs when clicking next or previous :) So you need to play with display/visibiltiy properties (CSS)
    •  
      CommentAuthorJohnRiv
    • CommentTimeMay 10th 2006
     permalink
    Accessible Website Navigation Menu: http://carroll.org.uk/sandbox/suckerfish/bones2.html

    Also, I believe dmitryseliv is looking to create a tab menu that actually scrolls left + right... not just simply show + hide. But if it's just show + hide, then that's pretty easy. Be sure to use the onmousedown instead of onclick so you can scroll through quickly.
  5.  permalink
    Hi JohnRiv!

    Yes you correct I'm looking for a dynamic tab menu that actually scrolls left + right and it have to be smart as well. Example by default it always should display 5 tabs at the same time so if next row of tabs less then 5 it should shift to the left accordingly. Well I just was wondering if you guys seeing something like that if not then I have to develop one.

    Best, Dmitry
    • CommentAuthorsnide
    • CommentTimeMay 17th 2006 edited
     permalink
    You can see something similar with amazon these days and the way they allow you to view other stores without the clickthrough anymore. Pretty nifty

1 to 6 of 6

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page