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.

Reply via email to