Colorier une ligne d'un tableau si on coche une case à cocher [Résolu]
Dams91
- Messages postés
- 4
- Date d'inscription
- mardi 12 septembre 2006
- Statut
- Membre
- Dernière intervention
- 15 février 2009
- Messages postés
- 4
- Date d'inscription
- mardi 12 septembre 2006
- Statut
- Membre
- Dernière intervention
- 15 février 2009
A voir également:
- Colorier une ligne d'un tableau si on coche une case à cocher
- Supprimer une ligne d'un tableau javascript - Forum - Javascript / DHTML
- Javascript selectionner une ligne d'un tableau ✓ - Forum - Javascript / DHTML
- Fonction simple pour alterner les couleurs des lignes d'un tableau - Codes sources - ASP / ASP.NET (Divers)
- Ajouter une ligne à un tableau html en javascript - Guide
- Ajout de lignes dans un tableau dynamique a l'aide d'un bouton ✓ - Forum - Javascript / DHTML
6 réponses
Meilleure réponse
- Messages postés
- 4933
- Date d'inscription
- samedi 1 juillet 2006
- Statut
- Membre
- Dernière intervention
- 2 février 2015
tu te compliques la vie
et comment on peut deviner le contenu de tes $variables ?
mais, un ch'tiot exemple :
<script>
function colorier(quoi)
{ if ( quoi.checked )
quoi.parentNode.parentNode.style.backgroundColor="#FF0000";
else quoi.parentNode.parentNode.style.backgroundColor="transparent";
}
</script>
<table>
----
, 1ere colonne</td>
2e colonne,
,
----
1ere colonne,
2e colonne,
,
</td></tr></tbody></table>@+
et comment on peut deviner le contenu de tes $variables ?
mais, un ch'tiot exemple :
<script>
function colorier(quoi)
{ if ( quoi.checked )
quoi.parentNode.parentNode.style.backgroundColor="#FF0000";
else quoi.parentNode.parentNode.style.backgroundColor="transparent";
}
</script>
<table>
----
, 1ere colonne</td>
2e colonne,
,
----
1ere colonne,
2e colonne,
,
</td></tr></tbody></table>@+
Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire
197 internautes nous ont dit merci ce mois-ci
- Messages postés
- 4933
- Date d'inscription
- samedi 1 juillet 2006
- Statut
- Membre
- Dernière intervention
- 2 février 2015
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
[mon Site][M'écrire]Bul
>>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
[mon Site][M'écrire]Bul
- Messages postés
- 4
- Date d'inscription
- mardi 12 septembre 2006
- Statut
- Membre
- Dernière intervention
- 15 février 2009
Alors, j'ai fais ça vite fait avec ce que j'ai regardé sur le site du zéro:
pour le code du tableau, je met juste une ligne:
<tr id="$variable_qui_change_dans_une_boucle_for">
<form method="post" action="mon_fichier.php">
<td>1ere colonne</td>
<td>2e colonne</td>
<td></td>
</form>
</tr>
Et la fonction javascript:
<script type="text/javascript">
function colorier(a) {
document.getElementsById('a').style.backgroundColor = 'red';
}
</script>
Par contre ça ne marche pas et je ne vois pas comment tester dans la fonction si c'est un "cochage" de la case ou un "décochage"...
Damien
pour le code du tableau, je met juste une ligne:
<tr id="$variable_qui_change_dans_une_boucle_for">
<form method="post" action="mon_fichier.php">
<td>1ere colonne</td>
<td>2e colonne</td>
<td></td>
</form>
</tr>
Et la fonction javascript:
<script type="text/javascript">
function colorier(a) {
document.getElementsById('a').style.backgroundColor = 'red';
}
</script>
Par contre ça ne marche pas et je ne vois pas comment tester dans la fonction si c'est un "cochage" de la case ou un "décochage"...
Damien
- Messages postés
- 4
- Date d'inscription
- mardi 12 septembre 2006
- Statut
- Membre
- Dernière intervention
- 15 février 2009
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...
Damien
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...
Damien
- Messages postés
- 3426
- Date d'inscription
- lundi 26 décembre 2005
- Statut
- Membre
- Dernière intervention
- 14 janvier 2011