checked marche pas sous IE

Version imprimable

Bonjour,

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

Voici le bout de code html

Code:

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:

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.

20/04/2008, 16h48
Jumano

Bonjour,
Peut être une solution ici
Sinon pourquoi ne pas mettre ton bouton "caché" et de le rendre "visible" au check ... ;)
20/04/2008, 16h53
SpaceFrog

essaye:

Code:

if (check.checked)

ou

Code:

if (check.checked == "checked")
20/04/2008, 17h14
van___fanel

Citation:

Envoyé par SpaceFrog

essaye:

Code:

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 ?
20/04/2008, 17h18
mimagyc

Citation:

Envoyé par SpaceFrog

essaye:

Code:

if (check.checked)

ou

Code:

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.
20/04/2008, 17h21
SpaceFrog

Citation:

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 ?
20/04/2008, 17h23
Jumano

Pour le lien que je t'ai donné, la solution a été trouvé en utilisant setAttribute(), :roll: mais je viens de testé chez moi et rien ne change ... :roll:
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.
20/04/2008, 17h28
mimagyc

1 pièce(s) jointe(s)

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.

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

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

20/04/2008, 17h42
mimagyc

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

Je ne comprend pas mon erreur ... dsl :oops:

une petite explication ?

merci.

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

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

20/04/2008, 18h24
mimagyc

Merci pour vos réponse, j'ai donc opter pour la solution de jumano.

Merci encore.
20/04/2008, 19h13
Jumano

Je viens d'aller sur ta page de test, tu dois supprimer l'id dans la balise <input> de ton bouton.
20/04/2008, 19h47
mimagyc

Merci .. c'est régler ^^