Selectbox replacement plugin Update

April 5th, 2008 by Sadri Sahraoui | Print Selectbox replacement plugin Update

I’m releasing a new version of the plugin. This release is stable enough and fix a major bug dealing with scroll-bar in IE but another major bug popup this time with safari, the list just doesn’t appear when you click on the replaced select box, I tried the latest Webkit build (r31623) and it works properly, if someone can point me to a debugging tool for Mac Safari I’ll be thankful !

Note : I’ve setup an independant page for the plugin

,

 

12 Comments

  1. Gerfried

    I have two problems in IE7. Can you help?

    1. scrollbar of the selectbox-wrapper div does not work – selectbox-wrapper div disappears when I click the scrollbar. Seems like click was caught by the body.

    2. {li} tag clicks only work propperly if you click on text. Can you implement {li}{span}linktext{/span}{/li} instead?

  2. Gerfried

    Sorry, it’s already late at night. – Please remove my comment – I used an old version (0.3) and I saw that postings are to be sent on the plugin’s separate website. Sorry….

  3. Brian

    Have you tried enabling the Show Develop menu under the Advanced tab in the preferences for debuggin?

  4. KI

    hi;
    first of all, it’s very nice and useful selectbox.
    but i have a question for it, how to active onChange function (without change UI)

  5. I spent some time wondering why it didn’t work for me.

    Turned out to be an underscore in the name attribute of my select box, which confuses the script. Maybe you could split on some other character, or on ‘___’ or something!

  6. Taras

    Hi there, thank you for this exellent plugin.

    Just wanted to point out 2 bugs in version 0.5 (IMHO)

    1) If the selectbox is inside element with “display:hidden” the values container than has a width 0 in opera 9.27. “$container.width(’selectobj.style.width’); in the init() procedure fixes this, however you have to specify width parameter for every replaced tag in the html code.

    2) if the selectbox is floated (also inside hidden floated element) the container div (thanks to position:absolute) renders itself at the top left position of the element containig the selectbox, that is far away from the position it should be at. This happens in every browser except IE, who to my biggest surprise renders the values container correctly. Since I’m not a pro in any of this, the only solution I could comeup with after a sleepless night is to place each tag inside of a div tag. This is in no way elegant solution, but it works in ie6,ff,opera. I hope sombody can do better than this and than post a solution.

    One more time thanks for the excellent plugin. Looking forward to some new versions.

  7. Taras

    Forgot one more thing.

    Clicking anywhere on a scrolbar in opera 9.27 makes the the values container disappear while scrolling whith a wheel works just fine.

  8. Mary

    Hello, thanks for the very useful selectbox!

    I am having a bit of problem…When I try to make the width wider, it doesn’t expand…seems like it is a fixed width…But I am not sure how can I fix it and make the width as auto…

    Please help me.

    Thanks so much!

  9. Mary

    I am talking about the …

  10. Mary

    “select”

  11. Mary

    Sorry, I fixed the problem..thanks!

  12. Anand

    Hi,

    thanks for this excellent plugin.

    I have faced few problems when i implemented this.

    1. Width of the min-width of the div should be according to the input field.
    2. If the option value is having max-length value then according to that div container should be increased as it works in default FF browser.

    Looking forward to some new versions.

Trackbacks

Leave a Reply