Cacher/Faire apparaitre dynamiquement une ligne dans un tableau

Marsh Posté le 06-11-2009 à 17:32:57

Bonjour,
J'aimerais faire apparaitre ou disparaitre dynamiquement une ligne dans un tableau en fonction de la réponse donné dans un élément du formulaire.

Code :

Voici le code javascript
function appelqdpourqh()
{
if(document.forms["form1"].elements["qd"].value=="Oui" )
{
document.getElementById["ligne_qh"].className="visible";
}
if(document.forms["form1"].elements["qd"].value=="Non" || document.forms["form1"].elements["qd"].value=="0" )
{
document.getElementById["ligne_qh"].className="hidden";
}
}
L'appel à la fonction:
<select name="qd" id="qd" onChange="appelqdpourqh()">
<option value="0" selected></option>
<option value="Oui">Oui</option>
<option value="Non">Non</option>
</select>
La ligne que je veux supprimer dans un tableau:
<tr class="hidden" id="ligne_qh">
<td height="54">QH. </td>
<td><table width="100%" border="0" align="center" class="undertab">
<tr>
<td width="14%"> </td>
<td width="10%" align="center">Tous les jours</td>
<td width="12%" align="center">Plusieurs fois par semaine</td>
<td width="13%" align="center">Une ou deux fois par semaine</td>
<td width="13%" align="center">Plusieurs fois par mois</td>
<td width="10%" align="center">Moins d’une fois par mois</td>
<td width="15%" align="center">Jamais/ne regarde pas ces chaînes</td>
<td width="13%" align="center">Nous n’avons pas ces chaînes</td>
</tr>

Cela ne semble pas fonctionner.
Avez-vous une solution à me proposer ?

Merci d'avance.

Reply

Marsh Posté le 06-11-2009 à 17:32:57

Reply

Marsh Posté le 06-11-2009 à 18:09:43

[:dawa] Je parie que dans la console d'erreur de Firefox tu as "document.getElementById.ligne_qh is undefined".

Et on revoit la définition de document.getElementById pour comprendre pourquoi.

Reply

Marsh Posté le 06-11-2009 à 18:11:27

moi je passerais la valeur ... dans ton select, au lieu de :

appelqdpourqh()

essaie :
appelqdpourqh(this.value);

et dans ta fct JS :

Code :

function appelqdpourqh(valeur)
{
alert ('Je recois : ' + valeur);
if (valeur == 'Oui')
document.getElementById["ligne_qh"].className="visible";
else
document.getElementById["ligne_qh"].className="hidden";
}

A chaque changement du Select, l'ALERT va te dire ce qu'il reçoit, tu pourras déjà savoir si tu reçois la bonne valeur ou pas ...

---------------
NewsletTux - outil de mailing list en PHP MySQL

Reply

Cacher/Faire apparaitre dynamiquement une ligne dans un tableau

Sujets relatifs:

Leave a Replay