Discussion :

[kOrt3x]

Bonjour,

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

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[vermine]

Bonjour,

Comment initialisez-vous vos variables :

- commentavezvousconnu
- textCommentavezvousconnu

?

[kOrt3x]

Bonjour,

Comment initialisez-vous vos variables :

- commentavezvousconnu
- textCommentavezvousconnu

?

Bonjour,

je ne les initialise pas... tu penses que le problème vient de là ?

[SpaceFrog]

on ne pense pas ...

[kOrt3x]

Ok, j'ai donc modifier :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[vermine]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[kOrt3x]

non, c'est justement là le problème, ça ne marche pas sous IE 8.

[vermine]

C'est bien triste tout ça.
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 /> ?

[kOrt3x]

C'est bien triste tout ça.
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.

[sekaijin]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[kOrt3x]

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

Merci à tous.