selection checkbox et ligne

[Ndirano]

salut a tous,

dans un tableau je désire changé la couleur d'une ligne et en même temps sélectionné le checkbox correspondant par un seule clic
code js

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/********* colorer une ligne et sélectionner une case lors d'un clic *****/
function tr_select(tr){
var bgcolor = "#FFE8DD";
var change_color = "#940555";
var monform= document.getElementById("myform");
var tr = document.getElementsByTagName("tr");
var td = document.getElementsByTagName("td");
var chk = document.getElementsByName("checkbox[]");
 
for(var i=0;i<chk.length;i++){
if(tr[i]){
k=i;
tr[i+2].style.backgroundColor=change_color;
chk[k].checked=true;
}else{
tr[i+2].style.backgroundColor=bgcolor;
chk[k].checked=false;
}
  }
  }

et le html :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div id="div1">
<form action="delete_mult.php" method="POST" id='myform'>
<table border=1 align='center' id="montab"><tr><thead><th>id</th><th>titre</th><th>new</th><th>
<input type="checkbox" name="checkbox" id="checkbox" onclick="chksel();" />Check/Uncheck(All)</th></thead></tr>
<?php
while($data =mysql_fetch_array($res)){
/*$id=$data['id'];
$title=$data['title'];
$news=$data['news'];
onmouseover='mover(this);' onmouseout='mout(this);' 
*/
extract($data);
echo "<tr name='tr' class='tr' style='background-color:#edeefd;' onclick='tr_select(this);'>
<td name='td'>$id</td>
<td name='td'>$title</td>
<td name='td'>$news</td>"?>
<td><input type="checkbox" name='checkbox[]' value="<?php echo $id;?>" /></td></tr>
<?php
}
?>
<input type='submit' value='supprimer' name='delete' class='button' onclick='supr();' />
</table></form></div>

si quelqu'un peut bien m'aider !!

[MrPringle]

Dans ton html, tu utilises "tr_select(this)" mais tu écrases ensuite la valeur que tu passes dans la fonction.

Ajoutes un id aux TR, par exemple :

Code html :

<tr name='tr' class='tr' style='background-color:#edeefd;' onclick='tr_select();' id='tr_" . $id . "'>

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function tr_select(id) {
    var i, item, tds, checkbox;
    var trs = document.getElementById("montab").getElementsByTagName("tr");
    var l = trs.length;
 
    for (i = 0; i < l; i++) {
        item = trs[i];
        tds = item.getElementsByTagName("td");
        checkbox = tds[3].getElementsByTagName("input")[0];
        if (item.id !== "tr_" + id) {
            item.style.backgroundColor = "#FFE8DD";
            checkbox.checked = false;
        } else {
            item.style.backgroundColor = "#940555";
            checkbox.checked = true;
        }
    }
}

PS. Indente ton code, c'est illisible là.
PS2. J'ai pas testé mais ça devrait te donner des pistes

[Bovino]

Il n'y a pas d'attribut name pour les balises <tr> et <td> !

Et merci de respecter Les règles incontournables d'utilisation de ce forum et de poster le code HTML généré (clic droit > code source) et non le code PHP, inutile ici.

[Ndirano]

Bonjour,

Merci MrPringle pour votre réponse mais ça ne marche toujours pas

je reçoit le message d'erreur tds[3] undefined