Colorier une ligne d'un tableau si on coche une case à cocher [Résolu]
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
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>@+
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
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
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
PetoleTeam
- Messages postés
- 3426
- Date d'inscription
- lundi 26 décembre 2005
- Statut
- Membre
- Dernière intervention
- 14 janvier 2011
Bonjour à tous,
Sous IExplorer je pense qu'il est préférable d'utiliser
l'événement onclick pour plus de réactivité...
<td></td>
;O)
Sous IExplorer je pense qu'il est préférable d'utiliser
l'événement onclick pour plus de réactivité...
<td></td>
;O)