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,value) methods are too simplistic for your needs?

[viki1967]

Ok, thanks x your help!