Chomper Stomping jQuery/JavaScript/CSS 3/HTML 5, Java/PHP/Python/ActionScript, Git, Chrome/Firefox Extensions, Wordpress/Game/iPhone App Development and other random techie tidbits I've collected

23May/112

Updates – BASIC jquery ui tabs rotate documentation, a note on nodejs hosting, and a note on the re-design

logo

nodejs, jquery ui tab rotate, and re-design. Just a few quick notes...

  1. I'm actively working on documentation for the jquery ui tab rotation plugin. I've (finally) got a very basic working example up.

    The plugin is stupidly easy to use:

    $("#tabbedElement").tabs().tabs("rotate", 4000, true);

    Note that you MUST first call tabs() before you can add the rotation with .tabs("rotate", [ms], [rotate]). Also note that as of right now none of those params are optional! You can also call .tabs("pause") and .tabs("unpause") to start and stop the rotation. You can instantiate a rotating element that starts as "paused" by passing in false for the [rotate] param.

    We use this plugin at FinishLine.com, and we are always on the most recent stable release of both jquery and jquery UI, which means that this plugin is nearly always guaranteed to work with the newest version of both. I'll be posting updates to this blog whenever there is anything to report. The plugin's official "homepage" is right here.

  2. Node.JS is a server side implementation of JavaScript. It is basically PHP or ASP or [name your server side language of choice here] but with JavaScript. This fulfills Knuth's 3rd law, which states that any code that can be written will eventually be written in JavaScript, which fulfills Knuth's 4th law which states that Knuth's 3rd law will change languages every 10 years. In case you were wondering, Knuth's 2nd law is that a 12% improvement is easily obtainable and should not be marginalized, which compliments while nearly contradicting Knuth's 1st law, which states that premature optimization is the root of all evil.

    ANYWAYS, I'm working on something FUN in node.js. If it works out, it's gonna be BIG. If not, you'll never hear about it again, lol. But that's not what I want to talk about. This is a quick note to make mention of the fact that if you are looking for a node.js server, they are out there. You don't have to roll your own. Check out no.de, or this stackoverflow question or this page on the project's wiki for hosting options.

  3. And last but not least, you may notice that I have re-designed the blog. I'm now using a PREMIUM wordpress theme created by my good friends over at outerspiceweb.com. It's called Continuum, and it is spectacular. It is their newest offering.

    I'm doing some work with it, so I installed it here to help me figure out how it works and debug and develop on it, but I like it so much I think I'll just leave it up. You too can have this rad-tacular theme by heading over to its page on themeforest.

  4. Oh, and one final thing. I am actually working on upgrading status-bar calculator for Firefox 4.0. I'm having trouble, I have no idea why it's not working, but when I figure it out there will be a write-up here.
Comments (2) Trackbacks (0)
  1. This has achieved the desired rotation effect. However, it doesn’t like to rotate back to the beginning (or past the second tab when adding a third tab). You can view the issue at: http://wwwdev.cco.purdue.edu/Student/Welcome.shtml

    It’d be great if you could take a look at this and see whats happening. Here’s the javascript code I am using:


    $(function() {
    $( "#tabs" ).tabs().tabs("rotate", 4000, true);

    });
    </code

    I can't see whats wrong with my implementation.

    Thanks

  2. Hrm… Not seeing anything jump right out at me. When I popped open the console and ran your code on your page it told me you didn’t have the rotate plugin installed (but I’m assuming that’s just because you couldn’t get it to work).


Leave a comment

No trackbacks yet.