JavaScript code works in firefox but not in IE8

[Jacky S Zhang]

I have a piece of code:

 
  	<script type="text/javascript">
		$(document).ready(test);
		
		function test(){ 
			var elements = $("input:text");
			elements.attr("readonly", true); 
			elements.eq(0).removeAttr("readonly"); 
			for (i = 0; i < elements.length - 1; i++) { 
				elements.eq(i).bind("keyup", {element: elements, index: i}, enableIt); 
			}

		}

		function enableIt(event){
			var current = event.data.index;
			if (event.data.element.get(current).textLength > 0){
				var nextInx = event.data.index + 1;
				$(event.data.element[nextInx]).removeAttr("readonly");
			}
		}
	</script>

What it does is: when page loaded, only the first input text box is editable, after input something, the second input text box is editable, then the third, and so on...

It works fine in firefox but not in IE8. However in IE8, only the first is editable... So means in IE8, set readonly and remove readonly should work. Seems to me this condition (event.data.element.get(current).textLength > 0) never get true. Any idea?

Jacky

[Jacky S Zhang]

Resolved.. textLength property doesn't got supported in IE8, changed to following code works in both IE8 and fireFox...

    
  	<script type="text/javascript">
	    $(document).ready(test);   
	    
	    function test(){    
	        var elements = $("input:text");   
	        elements.attr("disabled", true);    
	        elements.eq(0).removeAttr("disabled");    
	        for (i = 0; i < elements.length - 1; i++) {    
	            elements.eq(i).bind("keyup", {element: elements, index: i}, enableIt);    
	        }   
	
	    }   
	
	    function enableIt(event){  
		    if (!event) event = window.event; 
	        var current = event.data.index;   
	        if (event.data.element.get(current).value != ""){    
	            var nextInx = event.data.index + 1;   
	            $(event.data.element[nextInx]).removeAttr("disabled");   
	        }   
	    }   
	</script>

[Bear Bibeault]

As the problem turned out to have nothing to do with jQuery, I adjusted the topic title accordingly.