1- that makes the upper checkbox check or uncheck all the other check boxes.
2- on check or uncheck the bg of that checkbox will change.
you may say it's easy but i used array name in the checkboxes whcih makes it difficult really ver difficult.(mmmm.. so ask why i choosed the hard way instead of naming my checkboxes box1,box2,...etc., cuz i use php code and i need to make an array for later use.)
and here's the code:
CODE
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function check()
{
var length = document.form1.elements.length;
if (document.form1.checkall.checked==1)
{
for (i=length-1; i>0; i--)
{
var e = document.form1.elements[i];
if (e.type=='checkbox' && e.name.indexOf("dmsg") != -1)
{
e.checked=1;
var msgno = 'msg'+i;
changebg(e, msgno);
}
}
}
else
{
for (i=length-1; i>0; i--)
{
var e = document.form1.elements[i];
if (e.type=='checkbox' && e.name.indexOf("dmsg") != -1)
{
e.checked=0;
var msgno = 'msg'+i;
changebg(e, msgno);
}
}
}
}
function changebg(row, msgno)
{
var checkrow = row;
if (checkrow.checked == 1)
{
document.getElementById(msgno).bgColor="#66CCFF";
}
else
{
document.getElementById(msgno).bgColor="#FFFFFF";
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><input type="checkbox" name="checkall" value="checkbox" onClick="check();"></td>
<td> </td>
</tr>
<?
for ($x=10; $x>0; $x--)
{
?>
<tr id="msg<? echo $x; ?>">
<td align="right" style="bgcolor: #ff0000"><input type="checkbox" name="dmsg[]" value="<? echo $x; ?>" onClick="changebg(this, 'msg<? echo $x; ?>');"></td>
<td>box <? echo "$x"; ?></td>
</tr>
<?
}
?>
</table>
</form>
</body>
</html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function check()
{
var length = document.form1.elements.length;
if (document.form1.checkall.checked==1)
{
for (i=length-1; i>0; i--)
{
var e = document.form1.elements[i];
if (e.type=='checkbox' && e.name.indexOf("dmsg") != -1)
{
e.checked=1;
var msgno = 'msg'+i;
changebg(e, msgno);
}
}
}
else
{
for (i=length-1; i>0; i--)
{
var e = document.form1.elements[i];
if (e.type=='checkbox' && e.name.indexOf("dmsg") != -1)
{
e.checked=0;
var msgno = 'msg'+i;
changebg(e, msgno);
}
}
}
}
function changebg(row, msgno)
{
var checkrow = row;
if (checkrow.checked == 1)
{
document.getElementById(msgno).bgColor="#66CCFF";
}
else
{
document.getElementById(msgno).bgColor="#FFFFFF";
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><input type="checkbox" name="checkall" value="checkbox" onClick="check();"></td>
<td> </td>
</tr>
<?
for ($x=10; $x>0; $x--)
{
?>
<tr id="msg<? echo $x; ?>">
<td align="right" style="bgcolor: #ff0000"><input type="checkbox" name="dmsg[]" value="<? echo $x; ?>" onClick="changebg(this, 'msg<? echo $x; ?>');"></td>
<td>box <? echo "$x"; ?></td>
</tr>
<?
}
?>
</table>
</form>
</body>
</html>
i hope that may help you in future.
Ahmed;
