digitarald - Web Craftsman Harald Kirschner - Internet Consultant & Contractor

Features

• Unobtrusive behaviour, visitors with disabled JavaScript or old browsers can still navigate through your content.
• Simplified CSS and XHTML and behaviour-controlled CSS classes for complete styling control via sliding-doors or similar techniques.
• Generates tabs from existing XHTML structure by replacing that content.
• Requests and caches Ajax content on demand.

How to use

// Wait for the content ...
window.addEvent('domready', {
 
    var container = $('my-tabs')
 
    new SimpleTabs(container, {
        selector: '.header' // every element with class .header is removed and added as tab
    });
 
});

Compatibility

Fully compatible with all A-Grade Browsers (Internet Explorer 6+, Opera 9, Firefox 1.5+ and Safari 2+)

Requirements

MooTools JavaScript Framework

Download MooTools 1.2 with at least these modules:

• Fx.Tween
• Selectors
• Request.HTML
• DomReady (facultative)

Download

• SimpleTabs.js
• SimpleTabs.css

Changelog

1.1 (2008-05-07)

Public release for MooTools 1.2 - Support for static content and Ajax requests - Simplified CSS and span’s to allow styling with sliding doors technique - Reads tab content from existing XHTML markup

License

All files are © 2008-2009 by Harald Kirschner and available under the MIT License.

Contact & Discussion

For asking questions, requesting features, filing bugs or contributing other thoughts on this project use the support forum below. Before posting a new question, read through the documentation and the contributed notes for an answer. For problem reports make sure to add enough details like browser, version and a link or the relevant code.

You can contact me for non-support related notes.

Professional Support

I am available for hire if you look for professional and swift help. I can come to your rescue for installation, customization or extending the existing source for your needs.