compatibilité style display sous IE

Version imprimable

Bonjour,

J'ai un javascript qui marche bien sous Safari, mais pas du tous sous IE.
Voici le code :

Code:

1
2
3
4
5
6
7
8
 
function connaissanceHide(){
  if (commentavezvousconnu.checked){
								textCommentavezvousconnu.style.display="";
							} else {
								textCommentavezvousconnu.style.display="none";
							}
						}

Code:

1
2
3
4
5
6
 
<td><input type="radio" id="commentavezvousconnu" name="commentavezvousconnu" value="Autre" onclick="connaissanceHide()">Autre, précisez ci-dessous :</td>
					<br>
					<div id="textCommentavezvousconnu" style="display:none">
					<textarea name="commentavezvousconnu"></textarea>
					</div>

Avez-vous une idée ?

26/10/2010, 11h47
vermine

Bonjour,

Comment initialisez-vous vos variables :

- commentavezvousconnu
- textCommentavezvousconnu

?
26/10/2010, 12h22
kOrt3x

Citation:

Envoyé par vermine

Bonjour,

Comment initialisez-vous vos variables :

- commentavezvousconnu
- textCommentavezvousconnu

?

Bonjour,

je ne les initialise pas... tu penses que le problème vient de là ?
26/10/2010, 12h40
SpaceFrog

on ne pense pas ...

Ok, j'ai donc modifier :

Code:

1
2
3
4
5
6
7
8
9
10
11
function pourquoiHide(){
 
							var pourquoi = document.getElementById("pourquoi");
							var textPourquoi = document.getElementById("textPourquoi");
 
							if (pourquoi.checked){
								textPourquoi.style.display="block";
							} else {
								textPourquoi.style.display="none";
							}
						}

Ça fonctionne toujours sous Safari, mais toujours pas dans IE.

Vous arrivez à faire fonctionner ce code-ci sous IE (quelle version, d'ailleurs ?) ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<input type="radio" id="pourquoi" name="commentavezvousconnu" value="Autre" onclick="pourquoiHide()">Autre, précisez ci-dessous :
<br>
<div id="textPourquoi" style="display:none">
<textarea name="commentavezvousconnu"></textarea>
</div>
 
 
<script>
function pourquoiHide(){
 
   var pourquoi = document.getElementById("pourquoi");
   var textPourquoi = document.getElementById("textPourquoi");
 
   if (pourquoi.checked){
       textPourquoi.style.display="block";
   } else {
       textPourquoi.style.display="none";
   }
}
</script>

26/10/2010, 14h07
kOrt3x

non, c'est justement là le problème, ça ne marche pas sous IE 8.
26/10/2010, 14h16
vermine

C'est bien triste tout ça. :cry:
Une copie telle quelle de ce code, avec rien d'autre dans la page ?
Saperlotte. Le Javascript est bien activé ? :?

IE8 serait-il sensible à la fermeture des tags <input /> et <br /> ?
26/10/2010, 14h56
kOrt3x

Citation:

Envoyé par vermine

C'est bien triste tout ça. :cry:
Une copie telle quelle de ce code, avec rien d'autre dans la page ?
Saperlotte. Le Javascript est bien activé ? :?

IE8 serait-il sensible à la fermeture des tags <input /> et <br /> ?

Oui, le javascript fonctionne bien, je l'ai testé.
ça doit sûrement venir du style.display= que IE ne doit pas aimer.

si tu as MS Office
ouvre l'installateur et modifie ton installation
ajoute dedans les composants d'édition Web

lorsque la mise à jour est fini tu vas dans le dossier d'office et tu vas trouver une application nommées MSE7.exe

c'est le débugeur de javascript de microsoft

avec lui tu vas pouvoir exécuter pas à pas ton code, voir et modifier tes variables tu pourras ainsi voir ce qui cloche.

perso je fais plutôt comme cela évite de chercher en permanence les éléments et il n'y a pas de fonction qui traîne seule les méthodes des objet DOM sont définies.

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
<input type="radio" id="pourquoipas" name="commentavezvousconnu" value="Autre">connu ça, (sans précision)
<br>
<input type="radio" id="pourquoi" name="commentavezvousconnu" value="Autre">Autre, précisez ci-dessous :
<br>
<div id="textPourquoi" style="display:none">
<textarea name="commentavezvousconnu"></textarea>
</div>
<script>
    // recherche une seule fois l'élément d'id "pourquoi"
    var pourquoi = document.getElementById("pourquoi");
    // recherche une seule fois l'élément d'id "pourquoipas"
    var pourquoipas = document.getElementById("pourquoipas");
    // associe l'élément d'id "textPourquoi" à l'élément d'id "pourquoi"
    pourquoi.associateText = document.getElementById("textPourquoi");
    // associe l'élément d'id "textPourquoi" à l'élément d'id "pourquoipas"
    pourquoipas.associateText = pourquoi.associateText;
    
    // les association étant faitre une fois au démarage il n'est plus nécéssaire 
    //de rechercher dynamiquement les élémements
    pourquoi.onchange = function() {
        //on affiche le texte associeé 
        if (this.checked)
            this.associateText.style.display="block";
    }
    pourquoipas.onchange = function() {
        //on cache le texte associeé 
        if (this.checked)
            this.associateText.style.display="none";
    }
</script>

A+JYT

27/10/2010, 15h55
kOrt3x

C'est effectivement un problème au niveau des DOM, j'ai modifié et ça fonctionne maintenant.

Merci à tous.