onClick onUnClick ???

E

Edward

The code shown below displays a table in a form with 3 check boxes.
When the left checkbox is selected, all other checkboxes are also
selected (hotmail style) (thanks for the groups help with this). The
onUnCick event doesn't work. Could anyone tell me how to correct it??

Thanks,

Ed



<html>
<head>
<title></title>
</head>
<body>

<form name=taskform action=test.php method=post>

<script language="JavaScript">
<!--
var row_1 = new Array("Monday0", "Monday1")
function check_boxes1(state)
{
for (y=0; y < row_1.length; y++)
{
for (i = 0; i < document.taskform.elements.length; i++)
{
if (document.taskform.elements.name == row_1[y])
document.taskform.elements.checked = state;
}
}
}
--> </script>

<table border=1 width=85%>
<tr>
<td class=small>Check increment</td>
<td class=small>toggle</td>
<td class=small>0:00</td><td class=small>1:00</td>
</tr>
<tr>
<td class=small>on the hour</td>
<td><input type=checkbox name=checkall_row1
onClick="check_boxes1(true)" onUnClick="check_boxes1(false)"></td>
<td><input type=checkbox name=Monday0></td>
<td><input type=checkbox name=Monday1></td>
</tr>
</table>


</form>
</body>
</html>
 
M

McKirahan

Edward said:
The code shown below displays a table in a form with 3 check boxes.
When the left checkbox is selected, all other checkboxes are also
selected (hotmail style) (thanks for the groups help with this). The
onUnCick event doesn't work. Could anyone tell me how to correct it??

Thanks,

Ed



<html>
<head>
<title></title>
</head>
<body>

<form name=taskform action=test.php method=post>

<script language="JavaScript">
<!--
var row_1 = new Array("Monday0", "Monday1")
function check_boxes1(state)
{
for (y=0; y < row_1.length; y++)
{
for (i = 0; i < document.taskform.elements.length; i++)
{
if (document.taskform.elements.name == row_1[y])
document.taskform.elements.checked = state;
}
}
}
--> </script>

<table border=1 width=85%>
<tr>
<td class=small>Check increment</td>
<td class=small>toggle</td>
<td class=small>0:00</td><td class=small>1:00</td>
</tr>
<tr>
<td class=small>on the hour</td>
<td><input type=checkbox name=checkall_row1
onClick="check_boxes1(true)" onUnClick="check_boxes1(false)"></td>
<td><input type=checkbox name=Monday0></td>
<td><input type=checkbox name=Monday1></td>
</tr>
</table>


</form>
</body>
</html>
Click to expand...



There is no "onUnClick" event!

You'll have to test (in your JavaScript) whether or not the checkbox is
checked.

If it's no longer checked then treat it as an "UnClick".
 
M

McKirahan

McKirahan said:
Edward said:
The code shown below displays a table in a form with 3 check boxes.
When the left checkbox is selected, all other checkboxes are also
selected (hotmail style) (thanks for the groups help with this). The
onUnCick event doesn't work. Could anyone tell me how to correct it??

Thanks,

Ed



<html>
<head>
<title></title>
</head>
<body>

<form name=taskform action=test.php method=post>

<script language="JavaScript">
<!--
var row_1 = new Array("Monday0", "Monday1")
function check_boxes1(state)
{
for (y=0; y < row_1.length; y++)
{
for (i = 0; i < document.taskform.elements.length; i++)
{
if (document.taskform.elements.name == row_1[y])
document.taskform.elements.checked = state;
}
}
}
--> </script>

<table border=1 width=85%>
<tr>
<td class=small>Check increment</td>
<td class=small>toggle</td>
<td class=small>0:00</td><td class=small>1:00</td>
</tr>
<tr>
<td class=small>on the hour</td>
<td><input type=checkbox name=checkall_row1
onClick="check_boxes1(true)" onUnClick="check_boxes1(false)"></td>
<td><input type=checkbox name=Monday0></td>
<td><input type=checkbox name=Monday1></td>
</tr>
</table>


</form>
</body>
</html>
Click to expand...



There is no "onUnClick" event!

You'll have to test (in your JavaScript) whether or not the checkbox is
checked.

If it's no longer checked then treat it as an "UnClick".
Click to expand...



This variation of your code does what you want; watch for word-wrap:


<html>
<head>
<title>unclicks.htm</title>
<script language="JavaScript" type="text/lanaguage">
<!--
var row_1 = new Array("Monday0", "Monday1")
function check_boxes1() {
var form = document.taskform;
var state = false;
if (form.checkall_row1.checked) state = true;
for (y=0; y < row_1.length; y++) {
for (i = 0; i < form.elements.length; i++) {
if (form.elements.name == row_1[y])
form.elements.checked = state;
}
}
}
-->
</script>
</head>
<body>
<form name="taskform" action="test.php" method="post">
<table border="1" width="85%">
<tr>
<td class="small">Check increment</td>
<td class="small">toggle</td>
<td class="small">0:00</td>
<td class="small">1:00</td>
</tr>
<tr>
<td class=small>on the hour</td>
<td><input type="checkbox" name="checkall_row1"
onClick="check_boxes1()"></td>
<td><input type="checkbox" name="Monday0"></td>
<td><input type="checkbox" name="Monday1"></td>
</tr>
</table>
</form>
</body>
</html>


Note that I:
a) relocated the <script> within the <head> tags;
b) inserted type="text/lanaguage";
c) declare "var form = document.taskform;";
d) enclosed values (after "=") in quotes.

I have a habit of cleaning up other's code to my conventions...
 
M

McKirahan

McKirahan said:
McKirahan said:
Edward said:
The code shown below displays a table in a form with 3 check boxes.
When the left checkbox is selected, all other checkboxes are also
selected (hotmail style) (thanks for the groups help with this). The
onUnCick event doesn't work. Could anyone tell me how to correct it??

Thanks,

Ed



<html>
<head>
<title></title>
</head>
<body>

<form name=taskform action=test.php method=post>

<script language="JavaScript">
<!--
var row_1 = new Array("Monday0", "Monday1")
function check_boxes1(state)
{
for (y=0; y < row_1.length; y++)
{
for (i = 0; i < document.taskform.elements.length; i++)
{
if (document.taskform.elements.name == row_1[y])
document.taskform.elements.checked = state;
}
}
}
--> </script>

<table border=1 width=85%>
<tr>
<td class=small>Check increment</td>
<td class=small>toggle</td>
<td class=small>0:00</td><td class=small>1:00</td>
</tr>
<tr>
<td class=small>on the hour</td>
<td><input type=checkbox name=checkall_row1
onClick="check_boxes1(true)" onUnClick="check_boxes1(false)"></td>
<td><input type=checkbox name=Monday0></td>
<td><input type=checkbox name=Monday1></td>
</tr>
</table>


</form>
</body>
</html>
Click to expand...



There is no "onUnClick" event!

You'll have to test (in your JavaScript) whether or not the checkbox is
checked.

If it's no longer checked then treat it as an "UnClick".
Click to expand...



This variation of your code does what you want; watch for word-wrap:


<html>
<head>
<title>unclicks.htm</title>
<script language="JavaScript" type="text/lanaguage">
<!--
var row_1 = new Array("Monday0", "Monday1")
function check_boxes1() {
var form = document.taskform;
var state = false;
if (form.checkall_row1.checked) state = true;
for (y=0; y < row_1.length; y++) {
for (i = 0; i < form.elements.length; i++) {
if (form.elements.name == row_1[y])
form.elements.checked = state;
}
}
}
-->
</script>
</head>
<body>
<form name="taskform" action="test.php" method="post">
<table border="1" width="85%">
<tr>
<td class="small">Check increment</td>
<td class="small">toggle</td>
<td class="small">0:00</td>
<td class="small">1:00</td>
</tr>
<tr>
<td class=small>on the hour</td>
<td><input type="checkbox" name="checkall_row1"
onClick="check_boxes1()"></td>
<td><input type="checkbox" name="Monday0"></td>
<td><input type="checkbox" name="Monday1"></td>
</tr>
</table>
</form>
</body>
</html>


Note that I:
a) relocated the <script> within the <head> tags;
b) inserted type="text/lanaguage";
c) declare "var form = document.taskform;";
d) enclosed values (after "=") in quotes.

I have a habit of cleaning up other's code to my conventions...
Click to expand...



Oops!

Change
type="text/lanaguage"
to
type="text/javascript"
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
Javascript DOM 1
Script to send email not working 1
Sort by number of characters 1
I am using 2 loops, 1 for input and 1 for td. Can we achieve the same functionality with 1 loop in Jquery? 4
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
Check all form checkboxes funtion ?? 2

Members online

Total: 38 (members: 1, guests: 37)
Robots: 168

Forum statistics

Threads
473,774
Messages
2,569,598
Members
45,148
Latest member
ElizbethDa

Latest Threads

Top