mozilla compatibilité checked

Version imprimable

Bonjour, comme dit dans le titre j'ai un problème avec la fonction de mozilla qui coche automatiquement les checkbox ( cochez une checkbox puis rafraichir la page, la checkbox reste cocher )
mon problème est que j'utilise la case à cocher, et que le fait de chocher/décocher la checkbox éxécute une action javascript, voici mon code :

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<div class="inform">
				<fieldset>
					<legend>test</legend>
					<div class="infldset">
							<script type="text/javascript">
							function checkBoxFunction(checkBoxID) {
 
 
 
							var baliseChoix = document.getElementById(checkBoxID);
 
 
 
							if (baliseChoix.style.display == "none") {
 
										baliseChoix.style.display = "block"; 
 
 
 
								}
 
								else 	baliseChoix.style.display = "none";
 
 
 
 
 
							}
							</script>
							<label><input type="checkbox" name="x" onClick="checkBoxFunction('x');" value="1" /><span>Ce topic est un upload ?</span></label>
 
							<div id="x" style="display:none;">
								<p> Merci de renseigner les informations suivantes :  <br /><br />
									test1 : <input type="text" name="test1" size="100"/><br /><br />
									test2 :<select name="test2">
												<option value="1" selected="selected">1</option>
												<option value="2">2</option>
											</select><br /><br />
									test3 : <select name="test3">
												<option value="1" selected="selected">1</option>
												<option value="2">2</option>
											</select>
								</p>
 
 
					</div>
					</div>
				</fieldset>
			</div>

j'aurais voulu savoir si il avait un moyen d'empecher mozilla de recocher la case automatiquement, ou un moyen d'ouvrir la div si mozilla coche automatiquement ...

13/09/2011, 13h37
SpaceFrog

Code:

checked="false"

?
13/09/2011, 13h45
thib3113

non, cela ne fonctionne pas, et cela empèche la fonction js ...
13/09/2011, 13h59
SpaceFrog

heu name="x" et id="x" sur deux éléments différents ...
tu cherches les ennuis ..
13/09/2011, 18h43
NoSmoking

bonjour,
faire le réinit, ou autre, sur le onload du document
14/09/2011, 10h12
thib3113

Citation:

Envoyé par SpaceFrog

heu name="x" et id="x" sur deux éléments différents ...
tu cherches les ennuis ..

non pas vraiment, mais c'est un bout de code trouvé sur le net qui était comme ça ... réelement j'ai changer ses noms en des noms plus "personnel"

Citation:

Envoyé par NoSmoking

bonjour,
faire le réinit, ou autre, sur le onload du document

c'est à dire ? mettre <body onload="init"> ?

je verrais un quelque chose comme

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<script type="text/javascript">
window.onload =function(){
  document.forms.a_fond.reset();
}
</script>
</head>
<body>
<form name = "a_fond" action="">
  <fieldset>
    <legend>test</legend>
    <label>
      <input type="checkbox" name="x" value="1">
      Ce topic est un upload ?
    </label>
  </fieldset>
</form>
</body>
</html>

14/09/2011, 18h40
Invité
Bonjour,
au cas où on veut réinitialiser TOUS les formulaires sur la page (ou si on n'a pas de name au form) :
Code:

1 2 3 4 5 6 7 <script type="text/javascript"> window.onload = function(){ for(var i=0; i<document.forms.length; i++){ document.forms[i].reset(); } } </script>
ps : je n'avais pas remarqué ce comportement de Mozilla Firefox. C'est bon à savoir.
18/09/2011, 06h59
thib3113

le problème est légerement plus complexe, ce n'est pas un form complet que je veux réinitialisé, juste une checkbox, car dans ce meme form ce trouve un textarea pour un message...

dans ce cas ne réinitialise que le checkbox

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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<script type="text/javascript">
window.onload =function(){
//  document.forms.a_fond.reset();
  document.forms.a_fond.x.checked = false; // only the checkbox
}
</script>
</head>
<body>
<form name = "a_fond" action="">
  <fieldset>
    <legend>test</legend>
    <label>
      <input type="checkbox" name="x" value="1">
      Ce topic est un upload ?
    </label>
  </fieldset>
</form>
</body>
</html>

Code:

1
2
3
4
5
6
	<script type="text/javascript">
	window.onload = function(){
		/* ré-initialiser UNE SEULE checkbox */
		document.getElementById('checkBoxID').checked = 0;
	}
	</script>

Code:

1
2
3
4
5
6
7
8
	<script type="text/javascript">
	window.onload = function(){
		/* ré-initialiser PLUSIEURS checkbox */
		document.getElementById('checkBoxID1').checked = 0;
		document.getElementById('checkBoxID2').checked = 0;
		document.getElementById('checkBoxID3').checked = 0;
	}
	</script>

[Edit] tiens ! NoSmoking aussi est matinal ! :java:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
	<script type="text/javascript">
	window.onload = function(){
		/* ré-initialiser TOUTES les checkbox */
		len = document.forms[0].elements.length;
		for(var i=0; i<len; i++)
		{
			if (document.forms[0].elements[i].type=='checkbox')
			{
			 document.forms[0].elements[i].checked = 0;
			}
		}
	}
	</script>

18/09/2011, 07h56
thib3113

merci à vous deux, j'ai pris la technique de jreaux62 , car c'est un cms modifié avec le nom du form qui changent en fonctions des cas etc ... enfin, merci à vous deux