Tabs in MooTools 1.2

MooTools 1.2 has been in the wild for a number of months now. My Accessible Ajax Tabs demo has been rewritten for 1.2.

Check out the demo or download the project files.

Comments

  • Eric Taylor 11 months ago

    Can you elaborate on what was changed to get it to work with 1.2?

  • Jon Plante 11 months ago

    "setHTML" is deprecated in 1.2 -- "set" (with a "html" parameter) was used instead.

  • Eric Taylor 10 months ago

    Thank you!

  • krasher 9 months ago

    Just what I was looking for!

    You're a legend, thanks a ton mate :)

    Cheers!

  • vancino 8 months ago

    has anyone integrated been able to add effects to this? I can get it to fade out, but not back in for the new tab.

  • KP 7 months ago

    Great work on the tabs! One small problem I can't figure out though. In Firefox 3.5, the tabs don't expand far enough to display longer text. It works fine in IE and Safari/Chrome, though. I can "fix" it by increasing the tab-label padding-right css, but then it's too big in other browsers. Any ideas?

  • Jon Plante 7 months ago

    Good point, KP. I've updated the demo and project files with corrected CSS.

    Tested in FF3, IE6, IE7, Chrome2.

    The trick was to float ".tab-label" left.

Add a Comment

(HTML tags aren't allowed.)


© 2010 Jon Plante. All Rights Reserved. Hosted by DreamHost. Send me a line, or check out my celebrity comics.