12
Jul

jQuery imageless buttons a la Google get an update

   Posted by: Swizec   in Uncategorized

That’s right, after my jQuery plugin for imageless buttons much akin to those Google use in their online apps has been out in the wild for almost six months, an update is now here, making them version … uhm … 1.0.3.

During this time jQuery.com claims the code to have been downloaded … well darn, doesn’t say anything since I apparently didn’t add an actual release. Silly of me. But google analytics claims the page to have been viewed 6222 times, which makes it the single most popular page on this site. Yay.

styledButton screenshot

Nothing much has actually changed except that I fixed a horrible bug, which prevented you from having tagged captions in buttons with dropdowns – this surprisingly took all night to fix, since what you’d normally expect jQuery to do simply melted down and refused to work, yes, even with the latest versions. Aside from that I’ve also dropped support for Safari 2 because updating jQuery to 1.3.x killed everything. It was a surprise to me, but the latest jQuery simply refused to load, nothing worked.

However, if you wish to support the old jQuery this imageless buttons plugin should still work as well as ever, except you won’t be able to use tagged captions for dropdowns.

That makes the list of supported browsers as follows:

Which means it should display pixel perfect and the same in all of those, except of course for any differences in parsing fonts.

    Reblog this post [with Zemanta]
    Share and Enjoy:
    • Digg
    • Sphinn
    • del.icio.us
    • Facebook
    • Mixx
    • Google Bookmarks
    • LinkedIn
    • StumbleUpon
    • TwitThis
    • DZone

    Tags: , , ,

    If you liked this post you should follow me on Twitter,
    or see the music I like on last.fm,
    or perhaps leave a comment, I like comments,
    or go do your job because I know you're slacking,
    or go write a blog of your own,
    or tweet about something interesting,
    or go out and have some fresh air,
    or find a girlfriend,
    or a boyfriend,
    or a manbearpig,
    or for fuck's sake stop reading this already,
    no?
    This entry was posted on Sunday, July 12th, 2009 at 14:01 and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

    6 comments so far

    Andrea
     1 

    On the latest dev Chrome some buttons on the demo are two lines tall, breaking the layout.

    July 13th, 2009 at 09:50
    Liam
     2 

    Hi,

    Have you, or anyone, managed to get these to work as form submit buttons? I tried adding the following to the action arg:

    $(this).parents(‘form’).submit();

    But it wasn’t actually submitting the form. I’ve checked the usual bugs, i.e. having an input named ’submit’ but I’ve ran out of ideas?

    The method I was using for non-JS fallback was to hide the normal submit button in the Javascript and show my new ’submit’ span button. Just in case this affects things.

    August 26th, 2009 at 17:33
    Glen
     3 

    @Liam:

    I’m using these buttons to submit a form. Try something like:

    $(“span.submit”).styledButton({
    ‘orientation’ : ‘left’
    });

    $(“span.submit”).click(function () {
    $(“form:first”).submit();
    });

    August 31st, 2009 at 22:35
    Geert
     4 

    Great work! Thanks

    However I’m using the dropstyle type button to display a list of links. However if I click one of the links nothing happens and I fail to see why.

    Best regards
    Geert

    November 18th, 2009 at 22:11
    Hakan
     5 

    How can i work on an class or ID which i selected:

    asd…….

    is it possible to show the mybutton div like a button with this plugin?

    January 22nd, 2010 at 22:11
    Hakan
     6 

    (Sorry for this little flood :) )

    How can i work on an class or ID which i selected:

    {html}{head}{script href=”imageless.buttons.js”}…..{body}
    {div id=”mybutton”}asd{/div}….{/html}

    is it possible to show the mybutton div like a button with this plugin?

    January 22nd, 2010 at 22:13
    Back to top