mozilla compatibilité checked

**thib3113** · 13/09/2011, 13h31

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 :

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

**SpaceFrog** · 13/09/2011, 13h37

Code :

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

checked="false"

?

**thib3113** · 13/09/2011, 13h45

non, cela ne fonctionne pas, et cela empèche la fonction js ...

**SpaceFrog** · 13/09/2011, 13h59

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

**NoSmoking** · 13/09/2011, 18h43

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

**thib3113** · 14/09/2011, 10h12

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"

Envoyé par NoSmoking

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

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

**NoSmoking** · 14/09/2011, 18h08

je verrais un quelque chose comme

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

Invité · 14/09/2011, 18h40

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 :

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

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.

**thib3113** · 18/09/2011, 06h59

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

**NoSmoking** · 18/09/2011, 07h28

dans ce cas ne réinitialise que le checkbox

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

Invité · 18/09/2011, 07h38

Code :

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

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 :

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

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 !

Code :

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

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>

**thib3113** · 18/09/2011, 07h56

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

mozilla compatibilité checked

JavaScript

Discussions similaires

Partager

Partager