checked marche pas sous IE

**mimagyc** · 20/04/2008, 15h36

Bonjour,

Je cherche a comprendre pourquoi mon script javascript marche pas sous IE et fonctionne sous FF ...

Voici le bout de code html

Code html :

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

1
2
3
4
5
6
7
8
9
10
 
<div id="etape3" class="etape" style="left:630px;">
 
<p>Texte du règlement</p>
 
<p><input id="reglement_check" type="checkbox" onclick="reglement()"/> J'ai pris conscience du reglement</p>
 
<p><input id="terminer" type="boutton" class="boutton" name="registerForm" width="30" value="Terminer l'inscription" /></p>
 
</div>

et voici le code javascript :

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
 
//******************Validation du formulaire etape3**************************//
 
function reglement() {
 
submi = document.getElementById('terminer');
check = document.getElementById('reglement_check');
 
if (check.checked == true) { 
    submi.type = 'submit';
}
else
{
    submi.type = 'boutton';
}
 
 
}
 
//******************FIN Validation du formulaire etape3**************************//

Je ne comprend pas pourquoi ...

Merci.

**Jumano** · 20/04/2008, 16h48

Bonjour,
Peut être une solution ici
Sinon pourquoi ne pas mettre ton bouton "caché" et de le rendre "visible" au check ...

**SpaceFrog** · 20/04/2008, 16h53

essaye:

Code :

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

if (check.checked)

ou

Code :

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

if (check.checked == "checked")

**van___fanel** · 20/04/2008, 17h14

Envoyé par SpaceFrog

essaye:

Code :

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

if (check.checked == "checked")

Non c'est bien .checked == true qu'il faut utiliser.
Mais plutôt que modifier le type de ton input (j'imagine que si tu passes par cette methode, c'est que t'as du te renseigner et que c'est tout de même possible), j'essaierai plutot de modifier le statut du submit, disabled="disabled".

Est-ce que t'as une erreur dans la console d'erreur Javascript d'IE, lorsque tu lance la fonction ?

**mimagyc** · 20/04/2008, 17h18

Envoyé par SpaceFrog

essaye:

Code :

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

if (check.checked)

ou

Code :

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

if (check.checked == "checked")

merci pour vos réponse ,
malheureusement, ca ne marche pas.

Et pour le lien donner par jumano,
je n'ai pas compris ...

merci.

**SpaceFrog** · 20/04/2008, 17h21

Non c'est bien .checked == true qu'il faut utiliser.

Je ne serais pas aussi affirmatif

par contre je ne vois pas de balises form ... elle sont ailleurs ?

**Jumano** · 20/04/2008, 17h23

Pour le lien que je t'ai donné, la solution a été trouvé en utilisant setAttribute(),

mais je viens de testé chez moi et rien ne change ...

Tu peux faire comme te le dit van___fanel mettre ton bouton disabled="disabled" ou comme je te l'avais indiqué de le mettre en style.visiblity='hiden' et ensuite style.visiblity='visible'...

PS : Sous IE, l'erreur suivante intervient : Impossible d'obtenir la propriété type. Cette commande n'est pas prise en charge.

**mimagyc** · 20/04/2008, 17h28

Oui jumano je pense pouvoir regle mon probleme comme ca,
mais j'aimerai changer le type plutot ^^

oui les form sont plus loin,

Voici le fichier en totalité en join.

Pour le test : http://mimagyc.ovh.org/projet/

merci.

**SpaceFrog** · 20/04/2008, 17h36

Il semblerait que le problème ne provienne pas du checked, masi du tyope en lecture seule :
Avec le disabled:

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
<script type='text/javascript'>
//******************Validation du formulaire etape3**************************//
 
function reglement() {
 
var submi= document.forms[0].elements['registerForm']
var check = document.getElementById('reglement_check');
submi.disabled=(check.checked)?false:true;
 
}
</script> 
</head>
 
<body>
<form name="myform" action="javascript:alert('ok')">
<div id="etape3" class="etape" style="left:630px;">
 
<p>Texte du règlement</p>
 
<p><input id="reglement_check" type="checkbox" onclick="reglement()"/> J'ai pris conscience du reglement</p>
 
<p><input id="terminer" type="submit" class="boutton" name="registerForm" width="30" value="Terminer l'inscription" disabled='true'/></p>
 
</div>
</form>

les balises form plus loin ????
heu les inputs doivent être entre les balises form

**mimagyc** · 20/04/2008, 17h42

Les balises input sont bien entre les form ... ???

Je ne comprend pas mon erreur ... dsl

une petite explication ?

merci.

**Jumano** · 20/04/2008, 18h10

Une autre solution : modifier le contenu de ta balsie <p> avec innerHTML, à laquelle on donne l'id <p id="terminer">

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
22
23
24
25
26
27
28
29
30
31
//******************Validation du formulaire etape3**************************//
 
function reglement() {
 
submi = document.getElementById('terminer');
check = document.getElementById('reglement_check');
 
if (check.checked == true) {
 
	submi.innerHTML = '<input type="submit" class="boutton" name="registerForm" width="30" value="Terminer l\'inscription" />';
 
}
else 
{
 	submi.innerHTML = '<input type="boutton" class="boutton" name="registerForm" width="30" value="Terminer l\'inscription" />';
}
} 
//******************FIN Validation du formulaire etape3**************************//
 
</SCRIPT>
<form name="form1" method="post" action="">
  <div id="etape3" class="etape" style="left:630px;">
    <p>Texte du r&egrave;glement</p>
    <p>
      <input id="reglement_check" type="checkbox" onclick="return reglement()"/>
      J'ai pris conscience du reglement</p>
    <p id="terminer">
      <input type="boutton" class="boutton" name="registerForm" width="30" value="Terminer l'inscription" />
    </p>
  </div>
</form>