[jQuery] whats wrong with my custom selector :readonly (IE6 sucks)
Hi there
jQuery 1.3 has problems with handling the readonly attribute (already filed
a ticket but I'm a bit stuck here with my project).
When you want to select readonly inputs, you have to use [readonly=""] in
Firefox and [readonly="true"] in IE6...
( because the DOM looks like that after ".attr('readonly','readonly');":
FF: <input id="A1" type="text" value="90" readonly=""/>
IE6: <INPUT id="A1" readOnly=True> )
So I tried to extend :
$.extend($.expr[':'],{ readonly: function(a) {
return $(a).filter('[readonly="true"],
[readonly=""]');
}
});
But:
$(':text:readonly').addClass('gtest');
doesnt care about the custom selector and just choses all :text fields. :,(
what's wrong with my extendtion? :confused:
thanks a lot guys:handshake:
Gerald
ps. $(':text').not("[readonly='true'], [readonly=''],
[readonly='readonly']") works fine in both browsers selecting all input
fields which are not readonly but using a working :readonly would be more
elegant right?
--
View this message in context: http://www.nabble.com/whats-wrong-with-my-custom-selector-%3Areadonly-%28IE6-sucks%29-tp22475325s27240p22475325.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.