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.

Expand|Select|Wrap|Line Numbers

 
<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:

Expand|Select|Wrap|Line Numbers

 
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!

A simple grid rows / columns.

re: A simple grid rows / columns.

re: A simple grid rows / columns.

re: A simple grid rows / columns.

re: A simple grid rows / columns.

re: A simple grid rows / columns.

re: A simple grid rows / columns.

Similar topics

More