Checbox checked verification

**mimagyc** · 15/06/2008, 17h53

Bonjour,

Je cherche simplement a savoir si une checkbox est selectionner ou non et si elle est selectionner je fait rien, si elle ne l'est pas , je rajouter un petit text disans qu'il faut la selectionner, seulement, une fois selectionner, si je la décoche, il ne sais pas me dire que elle a été déselectionné.

voici le lien (c'est a checkbox des conditions d'utilisations) :http://mimagyc.ovh.org/projet_site/

et voici le bout de code qui verifie la checkbox :

Code :

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

1
2
3
4
5
6
7
 
if ($('reglementins').checked == false) {
	faux++;
	$('reglementtd').innerHTML = 
	'<input type="checkbox" name="reglement" id="reglement" />	J\'accepte les <a href="#">conditions d\'utilisation</a>.<br /><span class="error_ins">Veuillez prendre conscience des conditions d\'utilisation.</span>';
} 
else { $('reglementtd').innerHTML = ' <input type="checkbox" name="reglement" id="reglement"  checked="checked" />	J\'accepte les <a href="#">conditions d\'utilisation</a>.';}

Merci.

**Auteur** · 15/06/2008, 18h44

bonjour,

dans un premier temps cache ton avertissement, si la case n'est pas cochée lors du clic sur le bouton envoyer, affiche le :

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
26
27
28
29
30
31
32
33
34
35
36
 
<html>
<head>
 
<title></title>
<script type="text/javascript">
<!--
function tester()
{
  var chk = document.getElementById("conditions");
  if (!chk.checked)
  {
    document.getElementById("avertissment").style.display = "inline";
  }
  else
  {
    document.getElementById("avertissment").style.display = "none";
  }
}
//-->
</script>
 
</head>
 
<body>
 
<div>
<input type="checkbox" id="conditions" />J'accepte les <a href="#">conditions d'utilisation</a>.
<span style="display: none; color: #FF0000" id="avertissment">Veuillez prendre conscience des conditions d'utilisation.</span>
<br /><br />
<input type="button" value="envoyer" onclick="tester()" />
</div>
 
</body>
 
</html>

**mimagyc** · 15/06/2008, 18h53

Merci ca fonctionne,
Il me reste une petite question qui est .. Pourquoi ca ne fonctionnais pas?
j'ai procédé avec innerHTML sur tout le reste du formulaire sans problème,
d'ou viens cette erreur ?

Merci.

PS: au passage, tu n'aurais pas une autre solution que de tout ecrire pour le chois des pays en SELECT ?

**Auteur** · 15/06/2008, 19h05

Franchement je n'ai pas testé ton code

Dès que j'ai vu que tu utilisais innerHTML pour insérer des composants, j'ai posté la solution ci-dessus.
J'ai abandonné innerHTML pour insérer ou supprimer des composants surtout si ce sont des éléments de formulaire. Je préfère createElement(), méthode plus sûre mais qui allonge un peu le code, ou comme ici, jouer avec la propriété display

PS: au passage, tu n'aurais pas une autre solution que de tout ecrire pour le chois des pays en SELECT ?

c'est à dire ?

**mimagyc** · 15/06/2008, 19h14

c'est a dire que la j'ai une foullé de ligne type

Code :

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

1
2
 
<option value="Albanie">Albanie </option>

Que j'ai du écrire a la main ... mais je voulais savoir si il exsitait une autre solution ?

Merci.

**Auteur** · 16/06/2008, 00h20

Bon je ne sais pas si c'est que tu veux...

J'ai fait ça en deux fois :

Un fichier JS qui contient un tableau des pays (je n'ai pas vérifié l'orthographe). Les caractères accentués, le "ç", l'espace et l'apostrophe sont autorisés :

listepays.js

Code javascript :

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
 
var tabPays = new Array("Afghanistan",
"Afrique Centrale",
"Afrique du Sud",
"Albanie",
"Algerie",
"Allemagne",
"Andorre",
"Angola",
"Anguilla",
"Arabie Saoudite",
"Argentine",
"Armenie",
"Australie",
"Autriche",
"Azerbaidjan",
"Bahamas",
"Bangladesh",
"Barbade",
"Bahrein",
"Belgique",
"Belize",
"Benin",
"Bermudes",
"Bielorussie",
"Bolivie",
"Botswana",
"Bhoutan",
"Boznie Herzegovine",
"Bresil",
"Brunei",
"Bulgarie",
"Burkina Faso",
"Burundi",
"Caiman",
"Cambodge",
"Cameroun",
"Canada",
"Canaries",
"Cap Vert",
"Chili",
"Chine",
"Chypre",
"Colombie",
"Colombie",
"Congo",
"Congo democratique",
"Cook",
"Coree du Nord",
"Coree du Sud",
"Costa Rica",
"Côte d'Ivoire",
"Croatie",
"Cuba",
"Danemark",
"Djibouti",
"Dominique",
"Egypte",
"Emirats Arabes Unis",
"Equateur",
"Erythree",
"Espagne",
"Estonie",
"Etats Unis",
"Ethiopie",
"Falkland",
"Feroe",
"Fidji",
"Finlande",
"France",
"Gabon",
"Gambie",
"Georgie",
"Ghana",
"Gibraltar",
"Grece",
"Grenade",
"Groenland",
"Guadeloupe",
"Guam",
"Guatemala",
"Guernesey",
"Guinee",
"Guinee Bissau",
"Guinee Equatoriale",
"Guyana",
"Guyane Francaise",
"Haiti",
"Hawaii",
"Honduras",
"Hong Kong",
"Hongrie",
"Inde",
"Indonesie",
"Iran",
"Iraq",
"Irlande",
"Islande",
"Israel",
"Italie",
"Jamaique",
"Jan Mayen",
"Japon",
"Jersey",
"Jordanie",
"Kazakhstan",
"Kenya",
"Kirghizistan",
"Kiribati",
"Koweit",
"Laos",
"Lesotho",
"Lettonie",
"Liban",
"Liberia",
"Liechtenstein",
"Lituanie",
"Luxembourg",
"Lybie",
"Macao",
"Macedoine",
"Madagascar",
"Madère",
"Malaisie",
"Malawi",
"Maldives",
"Mali",
"Malte",
"Man",
"Mariannes du Nord",
"Maroc",
"Marshall",
"Martinique",
"Maurice",
"Mauritanie",
"Mayotte",
"Mexique",
"Micronesie",
"Midway",
"Moldavie",
"Monaco",
"Mongolie",
"Montserrat",
"Mozambique",
"Namibie",
"Nauru",
"Nepal",
"Nicaragua",
"Niger",
"Nigeria",
"Niue",
"Norfolk",
"Norvege",
"Nouvelle Caledonie",
"Nouvelle Zelande",
"Oman",
"Ouganda",
"Ouzbekistan",
"Pakistan",
"Palau",
"Palestine",
"Panama",
"Papouasie Nouvelle Guinee",
"Paraguay",
"Pays Bas",
"Perou",
"Philippines",
"Pologne",
"Polynesie",
"Porto Rico",
"Portugal",
"Qatar",
"Republique Dominicaine",
"Republique Tcheque",
"Reunion",
"Roumanie",
"Royaume Uni",
"Russie",
"Rwanda",
"Sahara Occidental",
"Sainte Lucie",
"Saint Marin",
"Salomon",
"Salvador",
"Samoa Occidentales",
"Samoa Americaine",
"Sao Tome et Principe",
"Senegal",
"Seychelles",
"Sierra Leone",
"Singapour",
"Slovaquie",
"Slovenie",
"Somalie",
"Soudan",
"Sri Lanka",
"Suede",
"Suisse",
"Surinam",
"Swaziland",
"Syrie",
"Tadjikistan",
"Taiwan",
"Tonga",
"Tanzanie",
"Tchad",
"Thailande",
"Tibet",
"Timor Oriental",
"Togo",
"Trinite et Tobago",
"Tristan de cuncha",
"Tunisie",
"Turmenistan",
"Turquie",
"Ukraine",
"Uruguay",
"Vanuatu",
"Vatican",
"Venezuela",
"Vierges Americaines",
"Vierges Britanniques",
"Vietnam",
"Wake",
"Wallis et Futuma",
"Yemen",
"Yougoslavie",
"Zambie",
"Zimbabwe");

le code HTML de la page qui appelle listepays.js et qui crée le select avec ses options :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
<html>
 
<head>
 
<title></title>
 
<script type="text/javascript" src="listepays.js"</script>
 
<script type="text/javascript">
<!--
function creerSelect()
{
  // syntaxe pour créer une option dans un select :
  //Option("Text","Value", "defaultSelected true / false", "selected true / false");    
 
  var carAccent =  new Array("â","à","ä","é","ê","è","ë","î","ï","ô","ö","û","ù","ü","ç"," ","'"); //caractères accentués
  var carReplace = new Array("a","a","a","e","e","e","e","i","i","o","o","u","u","u","c","_","_"); //caractères de remplacement
  var i, j, liste, opt, texte, valeur, reg; 
  
  liste = document.createElement("select");
 
  for (i=0; i<tabPays.length;i++)
  {
    texte = tabPays[i];
    valeur = texte.toLowerCase(); //pour la partie value de option on met en minuscule
    
    // on remplace les caractères spéciaux contenus dans valeur
    for (j=0; j<carAccent.length; j++)
    {
      reg = new RegExp(carAccent[j],"gi"); 
      valeur = valeur.replace(reg,carReplace[j]);
    }
    
    // création de l'option
    opt = new Option(texte, valeur, false, false);
 
    //ajout de l'option à la liste
    liste.options.add(opt);
  }
  
  // ajoute de la liste au formulaire
  document.getElementById("formulaire").appendChild(liste);
  
}
 
//-->
</script>
 
</head>
 
<body onload="creerSelect()">
 
<form id="formulaire">
 
</form>
 
 
</body>
 
</html>

**tusssss** · 16/06/2008, 08h43

Envoyé par Auteur

Code javascript :

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

1
2
3
 
 
"Tibet",

Attention, tu vas te mettre tout un pays à dos, il me semble que le Tibet n'est pas un pays.

Par contre, taper tout ce code juste pour un select, ca me parait un peu lourd, c'est presque plus rapide de faire le select directement. Sauf évidemment, si on a gardé le code sous la main.

**Auteur** · 16/06/2008, 13h08

J'ai repris la liste qu'il avait établi.

Avec ce tableau, il pourra ajouter ou supprimer un pays plus facilement, il n'a pas à se soucier de la mise en forme du champ : le code crée le select et ajoute autant d'options que nécessaire (avec l'attribut value).

La seule chose que j'ai oublié de faire est la mise en page du select (taille de la police, dimensions) et de d'attribuer un id au select.

**mimagyc** · 16/06/2008, 13h46

Merci.

je m'attendais plus a une fonction magic qui m'aurait fait les payus totu seul xD

**tusssss** · 16/06/2008, 13h48

Bah la c'est un peu le cas, tu as juste un copier/coller à faire....

Et puis, tu stockes le code quelque part et quand tu en as besoin à nouveau, un copier/coller et c'est bon. Une fois que ta liste de pays est tapée une fois, le plus difficile est fait.

**Auteur** · 17/06/2008, 09h24

Envoyé par mimagyc

Merci.

je m'attendais plus a une fonction magic qui m'aurait fait les payus totu seul xD

une fonction magique ???

C'est à dire ?

**mimagyc** · 17/06/2008, 13h49

et bien... j'en sais rien justement

Une fonction style

Code :

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

1
2
3
 
 
$_SERVEUR['pays']

je met des connerie masi un truc du style qui genere tout les pays connu par le navigateur , amis c'est uen fonction magic comme j'ai dis ^^
un truc qui genere les pay tout seul

**Auteur** · 17/06/2008, 14h01

La seule information que peut te fournir le navigateur est la langue du système (en javascript).

Pour le pays je crois qu'en PHP tu peux connaître la localisation (le nom du pays) du client.

Checbox checked verification

JavaScript

Discussions similaires

Partager

Partager