S
shall
I have a web page I click on a link which calls AJAX routine to list 3
checkboxes.
I'm trying to use Javascript for a SELECT ALL to select all of the
checkboxes.
The check boxes MUST be in a AJAX routine. My select all function
would work if
the checkboxes were on the same page.
Here is sample code :
======== Below AJAX section ======
<%
response.write "<table border=""1"" width=""80%""
align=""center"">"
response.write "<tr><td colspan=""3"" class=""normalem""
align=""center"">"
response.write "<a href='javascript:selectall(""3"")'>Select all
names</a>"
response.write "</td></tr>"
Response.write "<tr><td align=""center"">"
Response.write "<input type=""checkbox"" id=""oneemp1"" "
Response.write " name=""oneemp"" value=""123"">Chevy<br>"
Response.write "<input type=""checkbox"" id=""oneemp2"" "
Response.write " name=""oneemp"" value=""456"">Ford<br>"
Response.write "<input type=""checkbox"" id=""oneemp3"" "
Response.write " name=""oneemp"" value=""789"">Honda<br>"
Response.write "</td></tr></table>"
%>
====== Below page calling AJAX ==============
<HTML Lang="en">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<TITLE>Test Ajax</TITLE>
<script language="JavaScript">
function killenter() {
return false;
}
function selectall(myCode) {
intCode=parseInt(myCode);
intMaxLength=document.form1.length;
for( elemnum=0; elemnum<intMaxLength; elemnum++){
var gg=document.form1.elements[elemnum].name;
var strTmp = gg.substring(0,6);
if( strTmp=="oneemp"){
var ff=document.form1.elements[gg][elemnum];
if ( !ff.checked) {
ff.checked=!ff.checked;
}
else{
ff.checked=false;
}
}
}
}
function dView(AA){
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHttp");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("listCars").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","TestAjaxCars.asp",true);
xmlhttp.send();
}
</script>
</HEAD>
<body bgcolor="#FFFFFF" text="#000000" link="#800000" vlink="#800000"
alink="#800000">
<div align="center">
</select> <a href='javascript:dView("123")'>Show Cars</a>
</div>
<form name="form1" action="dosomething.asp"
method="post" onSubmit="return killenter()">
<input type="hidden" name="Fyear" value="2012">
<div id="listCars"></div>
</form>
</BODY>
</HTML>
The error message I currently get is :
checked is null or not an object
Suggestions?
TIA
Steve
checkboxes.
I'm trying to use Javascript for a SELECT ALL to select all of the
checkboxes.
The check boxes MUST be in a AJAX routine. My select all function
would work if
the checkboxes were on the same page.
Here is sample code :
======== Below AJAX section ======
<%
response.write "<table border=""1"" width=""80%""
align=""center"">"
response.write "<tr><td colspan=""3"" class=""normalem""
align=""center"">"
response.write "<a href='javascript:selectall(""3"")'>Select all
names</a>"
response.write "</td></tr>"
Response.write "<tr><td align=""center"">"
Response.write "<input type=""checkbox"" id=""oneemp1"" "
Response.write " name=""oneemp"" value=""123"">Chevy<br>"
Response.write "<input type=""checkbox"" id=""oneemp2"" "
Response.write " name=""oneemp"" value=""456"">Ford<br>"
Response.write "<input type=""checkbox"" id=""oneemp3"" "
Response.write " name=""oneemp"" value=""789"">Honda<br>"
Response.write "</td></tr></table>"
%>
====== Below page calling AJAX ==============
<HTML Lang="en">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<TITLE>Test Ajax</TITLE>
<script language="JavaScript">
function killenter() {
return false;
}
function selectall(myCode) {
intCode=parseInt(myCode);
intMaxLength=document.form1.length;
for( elemnum=0; elemnum<intMaxLength; elemnum++){
var gg=document.form1.elements[elemnum].name;
var strTmp = gg.substring(0,6);
if( strTmp=="oneemp"){
var ff=document.form1.elements[gg][elemnum];
if ( !ff.checked) {
ff.checked=!ff.checked;
}
else{
ff.checked=false;
}
}
}
}
function dView(AA){
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHttp");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("listCars").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","TestAjaxCars.asp",true);
xmlhttp.send();
}
</script>
</HEAD>
<body bgcolor="#FFFFFF" text="#000000" link="#800000" vlink="#800000"
alink="#800000">
<div align="center">
</select> <a href='javascript:dView("123")'>Show Cars</a>
</div>
<form name="form1" action="dosomething.asp"
method="post" onSubmit="return killenter()">
<input type="hidden" name="Fyear" value="2012">
<div id="listCars"></div>
</form>
</BODY>
</HTML>
The error message I currently get is :
checked is null or not an object
Suggestions?
TIA
Steve