11496 sujets

JavaScript, DOM et API Web HTML5

Checkbox pour afficher/masquer un div utilisant javascript sous IE6

Bonjour,
J'ai un problème qui apparaît sur IE6. 


<div class="titre"><INPUT type="checkbox" name="x" onClick="javascript:checkBoxFunction('x')" ><span>afficher/masquer types</span></div>
			<div id="x" style="display:none;color:#000">
			<div class="soustitre">type 1<input type="text" name="type1" maxlength="10" size="5" /></div>
			<div class="soustitre">type2<input type="text" name="type2" maxlength="10" size="5" /></div>
			<div class="soustitre">type3<input type="text" name="type3" maxlength="10" size="5" /></div>
			</div>


et la fonction javascript

function checkBoxFunction (checkBoxID) {

var baliseChoix = document.getElementById(checkBoxID);

if (baliseChoix.style.display == "none") {
			baliseChoix.style.display = "block"; 

	}
	else 	baliseChoix.style.display = "none";

	
}


or il apparaît que ça ne fonctionne pas sous IE6 (apparemment pas de problèmes sur les autres navigateurs). Quelqu'un aurait-il une idée du problème ? Sinon existe-t-il un moyen simple sous IE6 d'afficher/masquer un <DIV> sans pour autant recharger la page ?

merci pour vos réponses.
ben qui t'as dit que ça marchais pas sur IE6?

moi je viens de changer de machine pour tester ton code.

moralité je constate qu'il marche.

de toute façon pour la methode c'était sur que c'etait supporté par IE6.

et apparement pas d'erreur de syntaxe.
alors ça vient peut-être du faitque le bouton de checkbox est passer en dessous d'un autre élément.

tiens par exemple j'ai testé ainsi

<!--
<div style='z-index:1;position:absolute;top:0;left:0;'><img src='image2.jpg'></div>
<div style="z-index:2;-moz-opacity:0.4;opacity:0.4;filter:alpha(opacity=40);position:absolute;top:0;left:0;">
<img src='image1.jpg'></div>
-->
<script>
function checkBoxFunction (checkBoxID) {

var baliseChoix = document.getElementById(checkBoxID);

if (baliseChoix.style.display == "none") {
			baliseChoix.style.display = "block"; 

	}
	else 	baliseChoix.style.display = "none";

	
}

</script>
<div class="titre"><INPUT type="checkbox" name="x" onClick="javascript:checkBoxFunction('x')" ><span>afficher/masquer types</span></div>
			<div id="x" style="display:none;color:#000">
			<div class="soustitre">type 1<input type="text" name="type1" maxlength="10" size="5" /></div>
			<div class="soustitre">type2<input type="text" name="type2" maxlength="10" size="5" /></div>
			<div class="soustitre">type3<input type="text" name="type3" maxlength="10" size="5" /></div>
			</div>


as partir d'un test fais pour un autre post sur ce forum.

avant de commenté les images je voyais rien mais apres hop c'est apparu.

je suspecte donc que ta page est globalement pas interprété pareille sous ie6 mais ça ne vient pas du code de la fonction javascript ni du html que tu nous as montré.
Sujet clos
Aller à