Colorier une ligne d'un tableau si on coche une case à cocher [Résolu]
Dams91
Membre Dernière intervention
15 février 2009
- - Dernière réponse :
Dams91
Membre Dernière intervention
15 février 2009
- 15 févr. 2009 à 19:02
- Messages postés
- 4
- Date d'inscription
- mardi 12 septembre 2006
- Statut
- Messages postés
- 4
- Date d'inscription
- mardi 12 septembre 2006
- Statut
A voir également:
- Colorier une ligne d'un tableau si on coche une case à cocher
- Fonction simple pour alterner les couleurs des lignes d'un tableau - Codes sources - ASP / ASP.NET (Divers)
- Ajout de lignes dans un tableau dynamique a l'aide d'un bouton ✓ - Forum - Javascript / DHTML
- Comment obtenir le nombre exacte de ligne d'un tableau après avoir supprimé une ✓ - Forum - Javascript / DHTML
- AJout de ligne dans un tableau en fonction de la saisie ✓ - Forum - Java
- Selection ligne d'un tableau PHP/HTML ✓ - Forum - Javascript / DHTML
6 réponses
Meilleure réponse
- Messages postés
- 4934
- Date d'inscription
- samedi 1 juillet 2006
- Statut
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
108 internautes nous ont dit merci ce mois-ci
- Messages postés
- 4934
- Date d'inscription
- samedi 1 juillet 2006
- Statut
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
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
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
- 3435
- Date d'inscription
- lundi 26 décembre 2005
- Statut
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.