[mm10dev]

Hallo,

ich habe folgenden code:

PHP-Code:

                echo '<tr class="tl_tr_default">';
            echo '    <td width="30"><input name="check[]" type="checkbox" id="check" value="'.$row['tk_id'].'" /></td>';
                echo '    <td>'.$row['tk_briefdescription'].'</td>';
                echo '    <td width="200">'.$row['tk_exp_start'].'</td>';
                echo '    <td width="100"><a href="task_delete.php?action=delete&id='.$row['tk_id'].'">Delete</a>&nbsp;<a href="task_edit.php?action=edit&id='.$row['tk_id'].'">Edit</a></td>';
                echo '</tr>'; 


Ich zeige eine Liste mit Tätigkeiten an. Vor jedem Listeneintrag gibt es eine Checkox für Multiselect als Array. Wenn der User auf solch eine Checkbox klickt möchte ich das die Zeile andersfarbig angezeigt wird und bei uncheck wieder im default-Wert. Wie kann man das machen das auf klick auf die checkbox via javascript der style der row gesetzt wird?

gruß
mm

[protonenbeschleuniger]

Der PHP Code ist im zusammenhang mit JS uninteressant.

ich krieg knapp 500.000 Ergebnisse wenn ich in google nach "javascript tabellenzeile markieren" suche.

Hmm, wobei die aber nicht hilfreich sind.

Ich würd's so machen:

Der Event:

<input type="checkbox" onclick="markRow(this)">

Die JS Funktion:

PHP-Code:

function markRow(el) {
    if(!el) return;
    var clr = el.checked ? '#f00' : ''
    while(el) {
        if(el.tagName.toLowerCase() == 'tr') {
            el.style.backgroundColor = clr;
            return;
        }
        el = el.parentNode;
    }
}