salut
novice en JS, je voudrais afficher/masquer un élément <span>, mais j'ai beau le tourner dans tous les sens, je n'y arrive pas.
je crée des formulaires dans une boucle PHP :
Code :
- echo '<input type="checkbox" id="cbonoff[' .$i. ']" onclick="javascript:visibleHidden(\'onoff\')">
- <label for="cbonoff[' .$i. ']"> Texte toujours affiché</label>
- <span id="offon['.$i.']">texte à afficher si checkbox ==FALSE</span>
- <span id="onoff['.$i.']">texte à afficher si checkbox ==TRUE</span>';
|
et ma fonction
Code :
- function visibleHidden(tab){
- for (i=0; i>document.getElementById(tab).length; i++){
- if (document.getElementById('cbonoff['+i+']').checked == true){
- document.getElementById('offon['+i+']').style.visibility = "visible";
- document.getElementById('offon['+i+']').style.visibility = "hidden";
- }else{
- document.getElementById('onoff['+i+']').style.visibility = "hidden";
- document.getElementById('offon['+i+']').style.visibility = "visible";
- }
- }
- }
|
le rapport dans la console JS de firefox :
Erreur : document.getElementById(tab) has no properties
Fichier Source : http://127.0.0.1/test/js.js
Ligne : 2
et la ligne2 : for (i=0; i>document.getElementById(tab).length; i++){
merci pour votre aide