Tabbed content appears more and more frequently in web pages, and is an interesting way to simultaneously save page space and effectively present information. In part two of this two-part tutorial on creating tabbed content, Practical eCommerce's online director Brian Getting illustrates how to utilize JavaScript to get our tabbed effect working. View Part 1
Software Used: TextMate
Additional Files: tabs_tutorial_2.zip
View Tutorial
This video tutorial requires Flash Player version 8 or above. Please forward us your ideas for additional video tutorials, via our Contact Us form.
Friday, October 26, 2007 · 10:10 PM
Very nice sample. I just have a 2 issues.
Tabs does not display in horizontal line using IE6 browser, but get stock on top of each other.
When page get open the first time, all tabs content is displayed ( I have 8 tabs and page get really long), but by clicking on any of them, only one tab is displayed.
Any suggestions what's could be wrong & how to fix it?
Thanks.
-- Armis K.
Monday, March 10, 2008 · 08:49 AM
Very nice tutorial as usual.
Regarding search engines, surely only the first tab will get indexed as all the others are "display:none" and the link is client side, not server side.
Would it not be better to assign a class that the javascript file can change or is that not possible?
-- Simon
Connect with us