homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

Tabbed banner
something like chitika

5+ Year Member

Msg#: 3232550 posted 8:40 am on Jan 26, 2007 (gmt 0)


I would like to create a tabbed banner, something like chitika is offering. Maybe someone have seen any tutorials about it or have made anything like that in the past? I have googled for it, but I'm not getting anything like that. Maybe I'm using bad keywords, I don't know. Any help is appreciated!




5+ Year Member

Msg#: 3232550 posted 8:18 pm on Jan 29, 2007 (gmt 0)


The high level view of this is for each tab you have a div that is position:absolute and display:none.

The active tab is display:block.

the row of tabs is styled with css and has a link:hover state that makes it look different. At the same time;

getElementByID('the div id').style.display='block';
getElementByID('the other divid').style.display='none';
getElementByID('the other,other div id').style.display='none';"

All of this can be packaged a little cleaner with some slick js functions and css but that is the trick to it.


5+ Year Member

Msg#: 3232550 posted 2:33 pm on Jan 30, 2007 (gmt 0)

thank you for a short explanation but it really helped me to understand the basics! ;)

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved