JavaScript & HTML Tips
 
Feature highlight: Creating Page Tabs
Credit: Tim Scarfe


Description
Creating Page Tabs which can have full HTML contents - this allows for image slideshows or multipage forms that can be handled from "one" tabbed page. In its more sophisticated form additional tab pages can be dynamically added for context sensitive e-learning systems.

Key features and JavaScript elements
Page tabs use divs + CSS stylesheets with Javascript code to allow for sophisticated multipage tabs.


Important: Try the different Page Tab style buttons just below!

this is a tab

this appears inside the first tab..


Pics fit in too

this is a tab too

this appears inside the second tab..

First name Last name
this tab is selected by default

Table Red

12    
13    
+= Right in the middle  
25   okay
 
 
     

this is a tab set footer because it is not in a tab page, but is in the tab set division.


This is a sub footer for demo; note it does not change as the Page Tabs changes in style

 
Top of Page  Tutorials Home  JavaScript References  JavaScript Books