[PHP-JS] Probl�me entre mon INPUT et du javascript

Version imprimable

23/05/2007, 16h11
bodysplash007

[PHP-JS] Probl�me entre mon INPUT et du javascript

Bonjour,

Voila mon probl�me, j'ai un forumulaire recherche qui utilise un javascript, ce javascript permet lorsque qu'on choisi dans une premi�re combobox un pays nous avons dans le deuxi�me combobox les r�gions qui lui appartiennent.

Bon, maintenant, je dois faire une recherche par nom de client, nom que j'entre moi m�me a la main. Pour �a, j'ajoute un input de type text. bon jusque la rien de sorcier.

Mes deux recherches sont idependantes, cad que soit je fais la recherche via l'input soit via les combobox mais pas les deux en meme temps.

Tout marche nickel, je tape un nom il fait la rechercher, je choisi un pays et une r�gion pas de prob. Mais le probl�me survient lorsque je rentre un nom et qu'au lieu de cliquer sur rechercher, je tape sur ENTER, la il ne me fait pas la recherche et mon javascript se plante cad qu'il affiche n'importe quoi a la place des r�gions.

Quelqu'un a t'il une id�e de ce qui se passe ? ou bien une id�e pour que je resoude ce probl�me??

Merci
23/05/2007, 16h19
L�ortien

une id�e pour r�soudre? non
une solution de contournement : r�cup�rer l'appui sur entr�e par javascript et le d�tourner ou l'ignorer ;)

sinon plus s�rieusement :
quelle zone est s�lectionnn�e quand tu cliques sur entr�e?
qu'est ce qui est s�lectionn� dans ton menu pays � ce moment l� (rien?)
23/05/2007, 16h21
bodysplash007

Citation:

Envoy� par L�ortien

une id�e pour r�soudre? non
une solution de contournement : r�cup�rer l'appui sur entr�e par javascript et le d�tourner ou l'ignorer ;)

sinon plus s�rieusement :
quelle zone est s�lectionnn�e quand tu cliques sur entr�e?
qu'est ce qui est s�lectionn� dans ton menu pays � ce moment l� (rien?)

Ben ma zone s�lectionn� est l'input et au niveau du javascript rien n'es choisi il es avec les valeur pas defauts du combobox
23/05/2007, 16h32
L�ortien

bah je dirais que sur l'input tu r�cup�res l'appuis sur entr�e (qqch du genre onKeyPress, onKeyDown...) et sur cette action l� tu d�clenches le submit du formulaire.
�a fait presque propre je trouve ;)

par contre je ne comprends pas trop pourquoi appuyer sur entr�e a une action sur ta combo-box...
(rassurez-moi les autres, appuyer sur entr�e �a ne tente pas de soumettre automatiquement un formulaire)
23/05/2007, 16h41
bodysplash007

Citation:

Envoy� par L�ortien

bah je dirais que sur l'input tu r�cup�res l'appuis sur entr�e (qqch du genre onKeyPress, onKeyDown...) et sur cette action l� tu d�clenches le submit du formulaire.
�a fait presque propre je trouve ;)

par contre je ne comprends pas trop pourquoi appuyer sur entr�e a une action sur ta combo-box...
(rassurez-moi les autres, appuyer sur entr�e �a ne tente pas de soumettre automatiquement un formulaire)

Euh si je met un evenenment onKeyPress sur un input texte, je risque d'avoir des prob car des que je vais taper un caract�re, il va m'envoyer le formulaire.

Mais je n'utilisa pas la touche ENTREE sur les combobox, c'est juste que les utlisateurs par reflexe appuye sur la touche ENTREE lorsqu'on a ecrit un champ

Salut
dans le onKeyPress tu filtre si c'est la touche enter
je l'ai test� ca fonctionne
mais bon seulement sous ie
je sais pas en fire fox
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script language="javascript"> function verifieChar(){ var charCode = event.keyCode; if(charCode == 13){ alert('enter!'); //envoie de formulaire ici } else{ return true; } } </script> <input type="text" name="txtTest" onKeyPress="return verifieChar();">
;)

23/05/2007, 16h58
bodysplash007

Y a encore juste un pti truc qui me trulupine c'est pour l'envoi du formulaire dans le javascript �a me trouble tu peux un peu expliquer??
23/05/2007, 17h00
ozzmax
Salut oui pas de pb
moi ce que je fais c'est ceci dans le javascript toujours..;)
Code:

1 2 3 document.NOM_FORMULAIRE.action = "ton_url.php"; document.NOM_FORMULAIRE.submit();
23/05/2007, 17h01
koopajah
tu utilises la fonction submit() comme ca je crois :
Code:

1 2 document.nomformulaire.submit();
23/05/2007, 17h02
L�ortien
il doit y avoir une fonction submit() en javascript qui permet de soumettre/envoyer un formulaire � condition de lui dire o� l'appliquer

(un truc du genre document.getelementbyname(form).submit()
le d�but pour indiquer le formulaire en javascript et un .submit() � la fin)

je vais regarder si je trouve �a quelquepart....

edit : le mieux c'est de cherche un peu on trouve plein de code la dessus...

au niveau de l'input :

Code:

onkeyPress="if (event.keyCode==13) return ValiderFormulaire(this.form)"

au niveau de la balise script
Code:

1 2 3 4 function ValiderFormulaire(formulaire) { formulaire.submit() }
23/05/2007, 17h07
bodysplash007

Merci pour vos pr�cieux conseil, �a marche SUPER mais sur FIREFOX :cry: avec IE 7 il fait foir� mon autre javascript :cry:

Bon le suicide est-ce la solution???? :arf:
23/05/2007, 17h10
L�ortien

bon je crois que tu risques de devoir d�voiler un peu ton code car ton autre javascript a vraiment un comportement �trange... (surtout pour quelqu'un qui est surtout habitu� au php...)

il fait foirer le javascript?
�a ne marche pas tout court ou �a d�clenche une erreur javascript?
23/05/2007, 17h20
bodysplash007

Bah ok mais pour avec Firefox il marche sans prob et pas avec IE???
23/05/2007, 17h25
bodysplash007

Citation:

Envoy� par L�ortien

bon je crois que tu risques de devoir d�voiler un peu ton code car ton autre javascript a vraiment un comportement �trange... (surtout pour quelqu'un qui est surtout habitu� au php...)

il fait foirer le javascript?
�a ne marche pas tout court ou �a d�clenche une erreur javascript?

�a ne marche pas tout cours en fait c'est comme si il ne trouvais plus les regions associ�es au pays

salut
j'ai fait quelque teste
et voici ce qui fonction sous ie 6 et ff
Code:

1 2 3 4 5 6 7 8 9 10 function verifieChar(evenement){ var touche = window.event ? evenement.keyCode : evenement.which; if(touche == 13){ alert('qwerty'); } } <input type="text" name="txtTest" onKeyPress="return verifieChar(event);">
de mon cot� ca fonction
je ne sais pas en ie 7 par contre :aie:

23/05/2007, 17h42
koopajah

Citation:

Envoy� par ozzmax

de mon cot� ca fonction
je ne sais pas en ie 7 par contre :aie:

Test� sous IE7, �a marche aussi.
23/05/2007, 17h51
bodysplash007

Citation:

Envoy� par koopajah

Test� sous IE7, �a marche aussi.

EUH je sais pas ce qui d�bloqeu chez moi mais �a marche plus, meme plus sur FF ni opera :cry: :cry: :cry: :cry: :cry: :cry:
23/05/2007, 17h54
koopajah

Je me demande pourquoi tu ne nous donnes pas du code pour qu'on puisse comprendre ce que tu fais diff�remment de nous !

voilou mon code de ma page

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
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
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
 
<?php
 
 
 
 
 
/********************************************************************/
 
 
 
function PrintQuickSearch ()
 
{
 
?>
 
<script language="javascript">
function verifieChar(evenement){
 
	 var touche = window.event ? evenement.keyCode : evenement.which;
	if(touche == 13){
		document.myQuickSearch.submit();
	}
}
</script>
 
 
 <SCRIPT LANGUAGE="JavaScript">
 
//Fonction pour modifier le contenu de la liste region en fonction du pays selectionné
 
function ModifierListe(IdRegion)
 
 {
 
  //longeur de la liste region 
 
  lg = document.myQuickSearch.Region.length;
 
 
 
  //On vide la liste region 
 
  for (i = lg-1; i >= 0; i--)
 
  {
 
    document.myQuickSearch.Region.options[i] = null;
 
  }
 
 
 
  IdPays = document.myQuickSearch.Pays.selectedIndex;
 
 
 
<?php
 
require_once("./easyDB.php");
 
$db = openDB();
 
// Génération des Items par Rubriques
 
$sql = "SELECT * FROM PAYS order by NomPays";
 
$resultat = mysql_query($sql, $db);
 
 
 
$max_lignes = 0;
 
$option_max = '';
 
 
 
while ($enr = mysql_fetch_array($resultat))
 
 {
 
 
 
  $sql  = "SELECT * ";
 
  $sql .= "FROM REGION ";
 
  $sql .= "WHERE IdPays='".$enr[0]."'";
 
  $sql .= " order by IdRegion";
 
  $resultat2 = mysql_query($sql, $db);
 
  $nombre=mysql_num_rows($resultat2);
 
  $length=$nombre+1;
 
  echo "  if (document.myQuickSearch.Pays.options[IdPays].value == ".$enr[0].") {\n";
 
  echo "    document.myQuickSearch.Region.length = ".$length.";\n";
 
  $cpt = 0;
 
  $valeur=0;
 
  ///modif pour avoir valeur par defaut
 
  echo" document.myQuickSearch.Region.options[".$cpt."].value=".$valeur.";\n";
 
  echo" document.myQuickSearch.Region.options[".$cpt."].text=\"Toutes Regions\";\n";
 
  $cpt= 1;
 
  while ($enr2 = mysql_fetch_array($resultat2)) 
 
  {
 
 
 
    echo "    document.myQuickSearch.Region.options[".$cpt."].value = ".$enr2[0].";\n";
 
    echo "    document.myQuickSearch.Region.options[".$cpt."].text  = \"".$enr2[1]."\";\n";
 
    echo "    if (IdRegion == ".$enr2[0].") document.myQuickSearch.Region.options[".$cpt."].selected = true;\n";
 
    $cpt++;
 
 
 
    if ($cpt > $max_lignes) $max_lignes = $cpt;
 
    if (strlen($enr2[1]) > strlen($option_max)) $option_max = $enr2[1];
 
  }
 
  echo "  }\n";
 
 
 
}
 
 
 
?>
 
 
 
}  
 
</SCRIPT>
 
 
 
 
 
 
 
 
 
<?php
 
 
 
require_once("./combobox.php");
 
 
 
 $sql = "SELECT * FROM PAYS";
 
$resultat = mysql_query($sql, $db);
 
 
 
echo "<FORM name=myQuickSearch method=post action=index.php>";
echo "<TABLE width=\"100%\" border=\"0\">";
 
echo "  <TR><TD height=\"21\" align=\"center\" class=\"SearchTitle\">Faites l'essai !</TD></TR>";
 
echo "  <TR>";
 
echo "    <TD><LABEL class=\"SearchLabel\">Je suis</label><BR>";
 
          combobox_sexe(153,100,1);
 
echo "    </TD></TR>";
 
echo "  <TR>";
 
echo "    <TD><LABEL class=\"SearchLabel\">Je recherche</label><BR>";
 
          combobox_lookingfor(153,101,2);
 
echo "    </TD></TR>";
 
echo "  <TR>";
 
///////////////////////////////////////////////////
 
echo "    <TD><LABEL class=\"SearchLabel\">Pays</label><BR>";
 
echo "<SELECT NAME='Pays'  onChange='ModifierListe(-1)' style=\"width:153px;\" >\n";
 
echo"<OPTION value=\"0\"> </option>\n";
 
 
 
while ($enr = mysql_fetch_array($resultat))
 
{
 
   echo "<OPTION VALUE='".$enr[0]."'";
 
  if ($Pays == $enr[0]) echo " SELECTED";
 
  echo ">".htmlspecialchars($enr[1])."</OPTION>\n";
 
}
 
echo "</SELECT>\n";
 
echo "</tr>";
 
echo "<tr>";
 
 
 
/////////////////////////////////////////////////////
 
echo "    <TD><LABEL class=\"SearchLabel\">Région</label><BR>";
 
echo "<SELECT NAME='Region' style=\"width:153px;\">\n";
 
for ($cpt = 0; $cpt < $max_lignes; $cpt++) 
 
echo "<OPTION>".ereg_replace(".", "--", $option_max)."</OPTION>\n";
 
echo "</SELECT>\n";
 
if (!isset($Region)) $Region = -1;
 
 
 
echo "<SCRIPT LANGUAGE='JavaScript'>\n;ModifierListe(".$Region.");\n</SCRIPT>\n";
 
 
 
echo "    </TD></TR>";
 
//////////////////////////////////////////////////////////
 
echo "  <TR>";
 
echo "    <TD><LABEL class=\"SearchLabel\">Son âge</label><BR>";
 
echo "	  <LABEL class=\"Search\">de </label>";
 
          combobox_age("agefrom",41,103,18);
 
echo "	  <LABEL class=\"Search\"> à </label>";
 
          combobox_age("agetill",41,104,99);
 
echo "    </TD></TR>";
 
 
 
echo "  <TR>";
 
echo "  <TD><LABEL class=\"SearchLabel\"> </label><BR>";
 
      combobox_photo(153,105,0);
 
echo "    </TD></TR>";
 
 
 
echo "  <TR>";
 
echo "    <TD align=\"center\" valign=\"bottom\" height=\"35\">";
 
echo "    <INPUT type=\"submit\" name=\"cmdSearch\" value=\"Rechercher\">";
 
echo "    </TD></TR>";
 
echo "</TABLE>";
echo" Recherche par pseudo";
  echo"<BR>";
  echo"<INPUT type=text name=PseudoSearch onKeyPress=\"return verifieChar(event);\">";
 
echo "</FORM>";
 
 
 
}
 
 
 
?>

Bon amusement mdr mais sans dec le code n'est pas de moi c'est juste que je dois pouvoir le modif

est-ce que la console de ff te donne des erreurs??

fait donc un petit test rapide..

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
//Je réécrirais cela comme suit
echo '<FORM name="myQuickSearch" method="post" action="index.php">';
//....
echo'<INPUT type="text" name="PseudoSearch" onKeyPress="return verifieChar(event);">';
 
//dans ta fonction
<script language="javascript">
function verifieChar(evenement){
 
alert("entre en fonction");
	/* var touche = window.event ? evenement.keyCode : evenement.which;
	if(touche == 13){
		document.myQuickSearch.submit();
	}*/
}

Et c'est normal que le tout soit inscrit entre les accolades d'une fonction php?