Video Tutorial: Tabbed Content - Part 2
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
This video tutorial requires Flash Player version 8 or above. Please forward us your ideas for additional video tutorials, via our Contact Us form.
Sponsored links
- Pod1 – Design, Ecommerce, Online Marketing
9 Comments
Legacy User says:
Best practice: Put links to previous parts on page..in this case part one http://www.practicalecommerce.com/articles/568/Video-Tutorial-Tabbed-Content/
-- Steve McAllister
Legacy User says:
There is a link to the first part on the right side of the page (Related Articles), in case anyone else is interested in Part One.
-- Brian Getting
Legacy User says:
Loved the tutorial...possible to get a script of the tutorial so someone can read the tutorial as well?
-- Dave W.
Legacy User says:
Does anyone have any information on how search engine friendly these tabbed sections are? Will Google follow the tabs and read the content?
Please email me back at ezrider_2001@msn.com
Thanks!
-- Dave Johnson
Legacy User says:
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.
Legacy User says:
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
