homepage Welcome to WebmasterWorld Guest from 107.21.187.131
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
Tabbed banner
something like chitika
strokaz




msg:3232552
 8:40 am on Jan 26, 2007 (gmt 0)

Hello,

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!

Thanks

 

Al_Anderson




msg:3236315
 8:18 pm on Jan 29, 2007 (gmt 0)

Strokaz,

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;

onMouseOver="
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.

strokaz




msg:3237166
 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