About Tabber

Tabber is a brilliant JavaScript file ( tabber.js ) by genius Patrick Fitzgerald that reformats HTML divs into the tabs you’re seing now. Visit the homepage here:

[ http://www.barelyfitz.com/projects/tabber/ ]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.

Ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.

Ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.

About This Test

Guess Media is exploring the use of Tabber on this page, and seriously considering site-wide implementation. Some things we need to look at include cross-browser and system compatibility. Also, responsiveness with embedded content like Flash, as well as scriptability and compatibility with other code. If the system holds up under rigerous testing, we'll consider its inclusion in NMOX itself.

To-Do:

• Test with images
• Test with Flash
• Try setting these tab divs to use scrollbars instead of the main body div
• Use cookies to save tab state, per included example
• See about using links within a div to switch tabs
• Get the print CSS and start including that as well

Documentation

This test is including

[ http://guessmedia.com/assets/scripts/tabber-minimized.js ]

and

[ http://guessmedia.com/assets/styles/tabber.css ]

in all pages of this site. Additionally, the script for hiding the tabber divs until loaded is included.

Original Distro Files

This folder contains the original Tabber files:

• tabber.zip
  • example-ajax-0.html
  • example-ajax-1.html
  • example-ajax-2.html
  • example-ajax.html
  • example-cookies.html
  • example.css
  • example.html
  • example2.html
  • tabber-minimized.js
  • tabber.js

Note: Clicking links within the above files will take you away from this site.
To get back to this page, use the back button on your browser.