Mar
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.
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.
Website: http://livepipe.net/control/tabs
Categories:
Tags:
Leave a comment
[...] 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 | [...]