Modifier dynamiquement des class
Bonjour
J'ai dans une page html un tableau avec x lignes à l'intérieure.
Je voudrais modifier de façon dynamique l'affichage des lignes.
C'est à dire que sur un Onchange d'un bouton select, je veux pouvoir afficher tel ou tel ligne du tableau (celle ayant la même class).
J'utilise la class Prototype.js, mais je ne sais pas comment dire au javascript d'ajouter la valeur "display:none"
Auriez vous une idée?
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
| function affichage() {
val = $("selectaffich").value;
switch (val)
{
case "1" :
alert(document.getElementsByClassName("test"));
break;
case "2" :
alert(document.getElementsByClassName("test"));
document.getElementsByClassName("test").display="none";
break;
case "3" :
alert(document.getElementsByClassName("test"));
document.getElementsByClassName("test").style.display="none";
break;
default :
}
}
<select id="selectaffich" onchange="affichage()">
<option value="1">Afficher toutes les offres</option>
<option value="2">Afficher les offres en lignes</option>
<option value="3">Afficher les offres hors ligne</option>
</select>
<table>
<tr class="t1">
<td>toto</td>
</tr>
<tr class="t2">
<td>toto</td>
</tr>
<tr class="t1">
<td>toto</td>
</tr>
<tr class="t2">
<td>toto</td>
</tr>
</table> |