Unobtrusive CSS Tabs For Prototype - Control.Tabs

Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one line of code for simple use cases, but is highly customizable and can be used in a variety of edge cases.

Unobtrusive CSS Tabs For Prototype

Control.Tabs is fully programmable, so in the example above the links are programmed to change which tab is active, and an event handler is registered to change the select box (and visa versa). The tabs can also be trigged via hovering, and need not even look like tabs. The example below use images instead of divs, and the “hover” option. See the API section for more details.

Unobtrusive CSS Tabs For Prototype

Website: http://livepipe.net/control/tabs

Share/Save/Bookmark

Related Posts

, ,

This post was written by:

rob - who has written 166 posts on Open Source Resources for Designers & Developers | Greepit.com.


0 Comments For This Post

    1 Trackbacks For This Post

    1. Pages tagged "unobtrusive" Says:

      [...] tagged unobtrusiveWould You Like To Own Facebook? Niche Socializer Bonus - Social Software. Unobtrusive CSS Tabs For Prototype - Control.Tabs … saved by 5 others     ravenstar321 bookmarked on 04/20/09 | [...]

    Leave a Reply