MoonBats – MooTools Nestable Ajax Sliding Tab Thingy
I'm taking time out (10 minutes) to release this MooTools plugin that I cobbled together for a site I'm working on.
It's based on 'SimpleTabs' by Harald Kirschner and various sliding tab thingies that aren't nestable, don't work with MooTools 1.2, don't work with IE6 or some combination of any or all of the above
I'm releasing it since I've learned lots about MooTools in the process (although I suspect that a code review may suggest otherwise - I'm no MooTools guru) and gained a lot from the work of others.
Unfortunately; what with me being simultaneously extremely busy, extremely lazy and not very good at documentation, for the moment you're just going to have to make do with a link to the Javascript, the CSS (at the end of the file) and the live examples below.
Setup and usage is similar to SimpleTabs but slightly less simple.
I'm happy to answer (sensible) questions, but I just don't have the time right now to do a nice neatly packaged demo page with instructions.
I'm not taking feature requests.
Feature-ma-bobs
- MooTools 1.2.3
- Slides from side to side
- Easy to sync tabs (example below)
- Supports cookie or Hash.Cookie for remembering
- Degrades nicely when javascript is disabled
- IE6 compatible ( FFFFFFFUUUUUUUUUUUU )
Examples
- Basic 3 tabs with no nesting
- Nested tabs - Note the fragment identifier setting the initial tab/subtab view.
- Nested tabs where the subtabs sync position
Known Issues
- I couldn't get it to work exactly right with History Manager. Maybe you can.
- .tab-scroller width currently has to be set manually
And there you have it. Take it or leave it
Back to top ↑
Activity
RSS