mozilla compatibilité checked [Résolu]

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

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

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>

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

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

13/09/2011, 13h37	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	Code : Sélectionner tout - Visualiser dans une fenêtre à part checked="false" ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	10

13/09/2011, 13h59	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	heu name="x" et id="x" sur deux éléments différents ... tu cherches les ennuis .. __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	10

13/09/2011, 13h45	#3
thib3113 Candidat au titre de Membre du Club thibaut languevin Étudiant Inscription : juillet 2011 Messages : 31 Détails du profil Informations personnelles : Nom : thibaut languevin Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Étudiant Secteur : Industrie Informations forums : Inscription : juillet 2011 Messages : 31 Points : 11 Points : 11	non, cela ne fonctionne pas, et cela empèche la fonction js ...
	00

13/09/2011, 18h43	#5
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 779 Points : 4 779	bonjour, faire le réinit, ou autre, sur le onload du document
	10

18/09/2011, 06h59	#9
thib3113 Candidat au titre de Membre du Club thibaut languevin Étudiant Inscription : juillet 2011 Messages : 31 Détails du profil Informations personnelles : Nom : thibaut languevin Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Étudiant Secteur : Industrie Informations forums : Inscription : juillet 2011 Messages : 31 Points : 11 Points : 11	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...
	00

18/09/2011, 07h56	#12
thib3113 Candidat au titre de Membre du Club thibaut languevin Étudiant Inscription : juillet 2011 Messages : 31 Détails du profil Informations personnelles : Nom : thibaut languevin Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Étudiant Secteur : Industrie Informations forums : Inscription : juillet 2011 Messages : 31 Points : 11 Points : 11	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
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email