ajax paging causing forms elements to not exist

[snowboardr]

I am paging records using AJAX, and well when i goto the second page... my form elements don't respond to any functions that work on the first page of the AJAX'd paging, one of the functions i am using is shown below: Is there something I must do to make this work? Its kind of odd...

// check all mail
function checkall() {
	var cbCollection = document.forms['fmail'].elements['mailchecks'];
	for ( var i = 0; i < cbCollection.length; i++ ) {
		if (cbCollection[i].checked==false) {
		cbCollection[i].checked=true;
		}
	}
}

thanks

 

[BillyRayPreachersSon]

Are the elements definately in the form? Does it work in Firefox?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[snowboardr]

Yes there is a form I even tried putting the form out side of the ajax on the main page i am calling the ajax from, I also tried putting it in the ajax itself... it doesn't work in Firefox or IE... I outputed a form element to an alert and it said undefined

jason

 

[BillyRayPreachersSon]

It sounds like your form element is not being recognised. Do you have a URL?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[snowboardr]

Thanks, i figured it out... after about 4 hours... haha

It was because there was only 1 checkbox on the second page, thus the array didn't work! ... My javascript skills are not so good!

// check all mail
function checkall() {
    var cbCollection = document.forms['fmail'].elements['mailchecks'];
      if(cbCollection.length) {
            for ( var i = 0; i < cbCollection.length; i++ ) {
                if (cbCollection[i].checked==false) {
                cbCollection[i].checked=true;
                }
            }
      } else {
          cbCollection.checked=true;
      }    
}