Hey you!

Postcards are cool! Go send some ->

postme.me

jQuery imageless buttons a la Google get an update

Jul 12 2009 Tags: , , ,

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]

    ---
    Need a freelance developer? Email me!

    You should follow me on twitter
     Subscribe to RSS

    6 responses so far

    • Andrea

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

    • http://goodingsmedia.com Liam

      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.

    • Glen

      @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();
      });

    • Geert

      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

    • Hakan

      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?

    • Hakan

      (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?

    « Br Running bloody hurts »