A simple grid rows / columns.

[viki1967]

Hi all.

I need your help.

I realize this script and I do not know where to begin:

1) A simple grid rows / columns.
2) The first column contain an input type = "checkbox"
3) When select the input type, the line should change color than the other rows, and you should open a popup window.

For points 1, 2 you are OK.
Point 3 is the difficulty.

Suggestions?
Examples?

Kind regards
Viki

[harrierdh]

This should get you going.

<script>
function colorThisRow(row) {
	if (document.getElementById("check" + row).checked) {
		document.getElementById("row" + row).style.backgroundColor = "yellow";
	} else {
		document.getElementById("row" + row).style.backgroundColor = "white";
	}
}
</script>
<table border>
    <tr id="row1">
		<td>
			<input type="checkbox" id="check1" onClick="colorThisRow(1)" />Click Me
		</td>
		<td>
		    Some stuff here1
		</td>
	</tr>
    <tr id="row2">
		<td>
			<input type="checkbox" id="check2" onClick="colorThisRow(2)" />Click Me
		</td>
		<td>
		    Some stuff here2
		</td>
	</tr>
</table>

[viki1967]

Thanks x your answer.
This code work but open popup window when select the checkbox?

[larztheloser]

Specifically, what type of popup? Do you mean like a new window?

[viki1967]

Ok, yes new window popup when I select the checkbox.
thanks

[larztheloser]

A very easy way to do this would be to append this code to your checkbox function:

w=window.open();
w.document.open();
w.document.write("<h1>This is my popup!</h1><p>Put something meaningful here...</p>");
w.document.close();

PRO: Very flexible, widely supported
CON: Many browsers open this in a new tab and sometimes don't even give the tab focus!

I do assume that the simple alert(text), confirm(text) and prompt(text,val ue) methods are too simplistic for your needs?

[viki1967]

Ok, thanks x your help!