Colorier une ligne d'un tableau si on coche une case à cocher [Résolu]
Dams914
Messages postés mardi 12 septembre 2006Date d'inscription
15 février 2009
Dernière intervention
-
12 févr. 2009 à 15:56 - Dernière réponse : Dams914
Messages postés mardi 12 septembre 2006Date d'inscription
15 février 2009
Dernière intervention
- 15 févr. 2009 à 19:02
Je tiens tout d'abord à vous dire que je suis complètement noob en matière de javascript aussi j'aimerai faire un petit script mais je ne sais pas du tout comment...
Alors voilà ce que j'aimerai faire:
Imaginez un tableau avec plusieurs lignes et 3 ou 4 colonnes. Dans la dernière colonne il y aura une case à cocher qui, si elle est cochée, devra colorier (en rouge par exemple) la ligne qui contient cette case! Et bien entendu, si on la décoche, et bien ça redevient blanc!
Je suis débutant, donc est-ce que quelqu'un aurait la gentillesse de me faire une petite fonction qui réalise ce que je veux? Je ne sais pas du tout comment m'y prendre...
Bul34934
Messages postés samedi 1 juillet 2006Date d'inscription
2 février 2015
Dernière intervention -12 févr. 2009 à 16:18
0
Merci
bonjour,
>>complètement noob en matière de javascript
c'est le moment d'apprendre
ce n'est vital ni pour ton application, ni pour ton job...
il faut en profiter
pour ton cas, il "suffit" de modifier le style de la ligne
fait au moins un petit quelque chose
on t'aidera à mettre au point
Cordialement
Dams914
Messages postés mardi 12 septembre 2006Date d'inscription
15 février 2009
Dernière intervention -12 févr. 2009 à 17:39
0
Merci
Bon, j'ai essayer plusieurs choses mais j'avoue que je seche là...
Voila mon code pour générer les lignes:
<?php
.
.
.
$compteur = 1;
for($compt=$nCommentaires;$compt1>=1;$compt1--) { // on fait un décompteur
$lecture=$nopb[$compt1];
echo '<tr id="'.$compteur.'">
<form method="post" action="modif_tableau_form.php?lecture='.$lecture.'">
<td>1ere colonne</td>
<td>2ecolonne</td>
<td></td>
<td>
</form>
</tr>';
$compteur++;
}
.
.
.
?>
et la fonction javascript:
<script>
function colorier(a) {
//Je veux tester les 2 boutons radio sur chaque ligne
var verif = document.getElementsByTagName('input')[0].checked;
var termine = document.getElementsByTagName('input')[1].checked;
if (verif true) {document.getElementsById('a').style.backgroundColor 'red';}else if (termine true) {document.getElementsById('a')[a].style.backgroundColor 'green';}
else {document.getElementsById('a').style.backgroundColor = 'white';}
}
</script>
Donc voila, ça ne marche pas et j'avoue que j'ai beau essayer d'appliquer ce qu'il y a sur le site du zéro, j'ai du mal et ça ne mène à rien...
a aidé 72 internautes ce mois-ci