remplir deux champs après le click [Résolu]

[fazpedro]

Bonjour,
je souhaite que jquery "remplisse" deux champs suite à la sélection d'une recherche : le premier "inputString" se remplit bien mais pas le deuxième champ 'secteur' "inputsecteur" ( = $secteur_recupere )...
Merci de votre aide.

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
..........
<script type="text/JavaScript">
function lookup(inputString) {
		if(inputString.length == 0) { // si le champs txte est vide
			$('#suggestions').hide(); // on cache les suggestions
		} else { // sinon
			$.post("ajax_lieu.php", {queryString: ""+inputString+""}, function(data){ 
			// on envoie la valeur du champ texte dans la variable post queryString au fichier ajax_lieu.php
				if(data.length >0) {
					$('#suggestions').show(); // si il y a un retour, on affiche la liste
					$('#autoSuggestionsList').html(data); // et on remplit la liste des données
				}
			});
		}
	}
	function fill(thisValue) { // remplir le champ texte si une suggestion est cliquée
		$('#inputString').val(thisValue); // ok fonctionne bien
		$('#inputsecteur').val(); // pour le secteur !
		setTimeout("$('#suggestions').hide();", 200);
	}
	$(document).ready( function () {
		$("input#inputString").keyup( function() { // si on presse une touche du clavier en étant dans le champ texte qui a pour id inputString
			lookup($(this).val()) 
		});
		$("input#inputString").blur( function() { // si le champ texte perd le focus
			fill() 
		});
	});
</script>
.......... formulaire ..........
<label for="ev7">Nom du lieu &nbsp; : &nbsp; </label>
<br />
<!-- pour affichage des lieux -->
<input type="text" tabindex ="10" name="lieu3" class="ev" value="<?php echo stripslashes($lieu_affiche) ?>" id="inputString" onblur="this.className='ev';valide(this, 'err_mdp');" class="ev" /><!--  champ texte à analyser pour les suggestions -->
 <div class="suggestionsBox" id="suggestions" style="display: none;"> <!-- bloc contenant les eventuelles suggestions -->
<div class="suggestionList" id="autoSuggestionsList"><!-- liste contenant les suggestions -->
</div>
</div>
<!-- FIN de : pour affichage des lieux -->

<!-- pour affichage du secteur -->
<input type="text" tabindex ="11" name="secteur" class="ev" value="<?php echo stripslashes($secteur_recupere) ?>" id="inputsecteur" onblur="this.className='ev';valide(this, 'err_mdp');" class="ev" /><!--  champ texte à analyser pour les suggestions -->
 <div class="suggestionsBox" id="suggestions" style="display: none;"> <!-- bloc contenant les eventuelles suggestions -->
<div class="suggestionList" id="autoSuggestionsList"><!-- liste contenant les suggestions -->
</div>
</div>
<!-- FIN de : pour affichage du secteur -->
......

ajax_lieu.php :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
require('configuration.php');$sql = connect_sql();
mysql_query("SET NAMES utf8");
if(isset($_POST['queryString'])) // si la longueur du contenu de la variable est superieur à 0
	{	$queryString = mysql_real_escape_string($_POST['queryString']);
		if(strlen($queryString) >0) 
		{	$chaine_post_recupere	= stripslashes($_POST['queryString']);				// recupere la valeur saisie
			$chaine_pour_requete_ajax 	= mysql_real_escape_string($chaine_post_recupere);	// valeur avec protection contre injections sql
			$chaine_pour_requete 	= stripslashes($chaine_pour_requete_ajax);				// valeur a afficher sans les slashes & cie...
			$result = mysql_query("SELECT * FROM lieu WHERE nom LIKE '%$chaine_pour_requete%' LIMIT 15");
			if($result) {	// on parcourt les resultats et on affiche les resultats dans un element de liste en ajoutant la fonction fill sur l'evenenement onClick
			while($nom = mysql_fetch_array($result))
			{	echo '<li onClick="fill(\''.$nom["nom"].' ('.($nom["ville"]).')'.'\');">'.stripslashes($nom["nom"]).'('.stripslashes($nom["ville"]).')'.'</li>';	
				$secteur_recupere = $nom["secteur"];
			}
						}
						else	{	echo 'pas de resultat';	}
		}
		else	{	echo 'pas de saisie';	}
	}
	else	{	echo 'Il ne devrait pas avoir un accès direct à ce script !!!';	}
?>

[kalimukti]

Bonjour,
J'ai du mal à comprendre ton code:
dans ton script, tu mets:

Code :

donc, tu ne passes pas de paramètres à fill()
Ensuite, dans fill(), tu mets:

Code :

là, fill() à un paramètre, que tu mets dans le val() de #inputString... et tu dis que ça marche ? (vu que dans le code que tu mets, thisValue est NULL, j'ai du mal à voir)
ensuite,

Code :

$('#inputsecteur').val();

ne fait rien, à part retourner la valeur de ton input, que tu ne récupères pas dans une variable, du coup, cette ligne ne fait pas grand chose... (val() sans argument est un getter, pas un setter...)
enfin, dans ton code php, je vois le même problème:
tu récupères $secteur_recupere

Code :

$secteur_recupere = $nom["secteur"];

mais je ne vois ce que tu en fait après... tu ne sembles pas le renvoyer à ton script...

[fazpedro]

@ kalimukti :
tu récupères $secteur_recupere
mais je ne vois ce que tu en fait après... tu ne sembles pas le renvoyer à ton script...

C'est bien cela le problème : comment récupérer cette valeur "$secteur_recupere" depuis l'ajax pour le remettre dans mon code php ?
merci...

[kalimukti]

Envoyé par fazpedro

[I][COLOR="Green"]@ kalimukti :
C'est bien cela le problème : comment récupérer cette valeur "$secteur_recupere" depuis l'ajax pour le remettre dans mon code php ?
merci...

gné ? (désolé, je crois que j'ai un peu du mal aujourd'hui )...
tu dois la récupérer sur ta page html et l'envoyer sur la page php ou l'inverse ?

si c'est le premier, un truc du style devrait le faire:

Code :

1
2
3
4
$.post("test.php", { queryString: $('#inputString').val(), inputSecteur: $('#inputSecteur').val() },
 function(data) {
   ...
 },

mais ton secteur, dans le code php semble plutôt venir de ta requête sql... d'où mon bug...

si ton problème est à l'inverse (renvoyer plusieurs valeurs au client (à ton script), tu as plusieurs solutions: xml, json, un simple string séparé de virgule (par exemple... avec un split derrière)... avec pour principe de reconstituer ton html (ce que tu fais en php)

Code :

echo '<li onClick="fill(\''.$nom["nom"].' ('.($nom["ville"]).')'.'\');">'.stripslashes($nom["nom"]).'('.stripslashes($nom["ville"]).')'.'</li>';

avec jquery, dans la fonction anonyme du $.post

[fazpedro]

Je ne vois pas comment faire pour que l' Ajax puisse envoyer deux valeurs en même temps : "nom" et "ville"...
j'ai regardé json, mais je capte pas....

Merci.

Code :

1
2
3
4
5
6
 
....
if($result) // on parcourt les resultats
		{	while($nom = mysql_fetch_array($result)) 	// on affiche les resultats dans un element de liste en ajoutant la fonction fill sur l'evenenement onClick
			{	echo '<li onClick="fill(\''.$nom["nom"].' ('.($nom["ville"]).')'.'\');">'.stripslashes($nom["nom"]).'('.stripslashes($nom["ville"]).')'.'</li>';
				$secteur_recupere = $nom["ville"];

ce que je souhaite c'est pouvoir récupérer le secteur comme je récupère le nom...

[fazpedro]

En fait, voici un exemple de résultat que je souhaite :
https://www.labri.fr/perso/lacroix/p.../autocomplete/

on choisit le premier champ et ensuite
les champs sont rempli automatiquement...

Merci de votre aide.

[glen1789]

Bonjour,

Pour faire simple ce qu'il faut retenir d'ajax c'est qu'il ne peut renvoyer que du texte, donc dans ton fichier ajax tu dois construire une chaine que tu pourras ensuite utiliser dans ton js.

Pour l'instant tout ce que renvoie ton fichier ajax c'est la chaine suivante (après interpretation du php) :

Code :

'<li onClick="fill(\''.$nom["nom"].' ('.($nom["ville"]).')'.'\');">'.stripslashes($nom["nom"]).'('.stripslashes($nom["ville"]).')'.'</li>'

Dans un post plus haut on te propose d'utiliser json(JavaScript Object Notation), qui n'est rien de plus qu'un formalisme pour structurer les infos (une manière spéciale de mettre les informations dans une chaine, du xml simplifié, ...), c'est une super idee car javascript est capable de le decoder sans que tu n'aies rien à faire (encore plus vrai avec la fonction ajax de jquery).

Un exemple de ce que tu veux avec json :

Code :

1
2
3
4
5
6
7
 
{
 "resultat": {
   "li": '<li onClick="fill(\''.$nom["nom"].' ('.($nom["ville"]).')'.'\');">'.stripslashes($nom["nom"]).'('.stripslashes($nom["ville"]).')'.'</li>',
   "secteur": $nom["ville"]
 }
}

Bien sûr tu vas devoir retravailler cet exemple, il ne marchera pas tel quel mais c'est proche de ce que tu cherches.

Bonne chance!

[fazpedro]

j'ai mis dans ajax_lieu.php :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
...
if($result) // on parcourt les resultats
		{	while($nom = mysql_fetch_array($result)) 	// on affiche les resultats dans un element de liste en ajoutant la fonction fill sur l'evenenement onClick
				{
				"resultat":
				{
				"li": 
				'<li onClick="fill(\''.$nom["nom"].' ('.($nom["ville"]).')'.'\');">'.stripslashes($nom["nom"]).'('.stripslashes($nom["ville"]).')'.'</li>',
				"secteur": $nom["ville"]
				}
				echo json_encode($nom);
				}
		}
...

et j'ai une erreur :
Parse error*: syntax error, unexpected '*:' in ajax_lieu.php on line 16 "resultat"

Je pense que j'ai pas compris...
j'avoue que je comprends pas la doc du json..

[glen1789]

A ce que je vois ton $result contient un jeu de 15 résultats donc je ferai un truc du style :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?php
	if($result) // on parcourt les resultats
	{	
		$tab_resultats = array();
		$i = 0;
		while($nom = mysql_fetch_array($result)) 
		{
			$tab_resultats[$i]['li'] = '<li onClick="fill(\''.$nom["nom"].' ('.($nom["ville"]).')'.'\');">'.stripslashes($nom["nom"]).'('.stripslashes($nom["ville"]).')'.'</li>';
			$tab_resultats[$i]['li'] = $nom["ville"];
		}
		echo json_encode($tab_resultats);
	}
?>

Ce que je faisait c'était de créer la chaine json sans utiliser la fonction json_encode mais pourquoi s'en priver alors qu'elle existe. (ton code ne pouvait pas marcher tu ne construisait pas une chaine...)
Le code du dessus ne marchera peut-etre pas parce que je n'ai pas une grande visibilité sur ce que tu cherches a faire.

Bonne chance!

[fazpedro]

A priori, il ne veut pas de cette fonction :

Code :

echo json_encode($tab_resultats);

Message d'erreur sur cette ligne :
Call to undefined function json_encode

Désolé je suis un peu lent

[glen1789]

Ce problème viens probablement de la version de php utilisée :
- Peux-tu me dire quelle version de PHP est utilisée?
- Travaille-tu sur windows ou sur un Unix?

[fazpedro]

@glen1789 :

la version de PHP est :
PHP Version 5.2.13

je travaille sous Windows (Notepad++) ou Linux (Geany)

Merci.

[glen1789]

Bonjour,

Désolé je n'ai pas été assez précis. Qu'utilises-tu pour executer php sur windows ou sur Linux (Wampserver?, un XAMP quelquonque?).

Pour plus d'info pourrais-tu poster le résultat de phpinfo()?

Merci.

[fazpedro]

@ glen1789 :

Qu'utilises-tu pour executer php sur windows ou sur Linux (Wampserver?, un XAMP quelquonque?).

je n'utilise pas de logiciel, je mets mon fichier PHP sur le serveur et j''exécute le script sur un dossier sécurisé "TEST"

Résultat de PHP infos :

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
PHP Version 5.2.13
 
System 	Linux cl8-web7 2.6.32.36grsec-cl6-grsec #1 SMP Tue Apr 12 14:35:04 CEST 2011 x86_64
Build Date 	Jul 27 2011 09:48:24
Configure Command 	'./configure' '--prefix=/usr/php5' '--with-pear=/usr/php5/pear' '--disable-ipv6' '--disable-posix' '--without-sqlite' '--enable-session' '--enable-discard-path' '--enable-safe-mode' '--with-pcre-regex' '--with-openssl' '--with-zlib' '--with-gd' '--with-jpeg-dir' '--with-png-dir' '--with-zlib-dir' '--with-freetype-dir' '--with-t1lib' '--enable-gd-native-ttf' '--with-gettext' '--with-iconv' '--with-iconv-dir' '--with-mysql' '--with-mysqli' '--enable-pdo' '--with-pdo-mysql' '--enable-simplexml' '--enable-xml' '--enable-dom' '--with-xsl' '--with-tidy' '--enable-soap' '--enable-ftp' '--enable-exif' '--enable-mbstring' '--enable-zip' '--with-curl' '--enable-calendar' '--with-mcrypt'
Server API 	CGI
Virtual Directory Support 	disabled
Configuration File (php.ini) Path 	/usr/php5/lib
Loaded Configuration File 	/web/php.ini/www.****.fr/php.ini
Scan this dir for additional .ini files 	(none)
additional .ini files parsed 	(none)
PHP API 	20041225
PHP Extension 	20060613
Zend Extension 	220060519
Debug Build 	no
Thread Safety 	disabled
Zend Memory Manager 	enabled
IPv6 Support 	disabled
Registered PHP Streams 	https, ftps, compress.zlib, php, file, data, http, ftp, zip
Registered Stream Socket Transports 	tcp, udp, unix, udg, ssl, sslv3, sslv2, tls
Registered Stream Filters 	zlib.*, convert.iconv.*, string.rot13, string.toupper, string.tolower, string.strip_tags, convert.*, consumed
 
Zend logo This program makes use of the Zend Scripting Language Engine:
Zend Engine v2.2.0, Copyright (c) 1998-2010 Zend Technologies

[glen1789]

A ce que je vois c'est une installation très personnalisée de php avec json desactivé, as-tu les droits pour effectuer des modifications sur celle-ci?

Si oui il y a des tutos pour activer json en utilisant pecl, en voici un : http://slaptijack.com/system-adminis...son-for-php-5/.

Sinon, il y a une solution en utilisant par exemple jsonwrapper que tu trouvera sur cette page avec les explications pour le mettre en place.

J'ai une petite idée : peux-tu poster ton php.ini s'il te plait?

[fazpedro]

j'ai téléchargé les fichiers JSON depuis le site indiqué http://www.boutell.com/scripts/jsonwrapper.html

et j'ai modifié mon fichier ajax_lieu.php ainsi :

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
<?php
require('configuration.php');require ('jsonwrapper.php');
$sql = connect_sql();
mysql_query("SET NAMES utf8");
if(isset($_POST['queryString'])) 	// si une variable queryString a été posté
{
	$queryString = mysql_real_escape_string($_POST['queryString']);		// si la longueur du contenu de la variable est superieur à 0
	if(strlen($queryString) >0)
	{
		$chaine_post_recupere		= stripslashes($_POST['queryString']);				// recupere la valeur saisie
		$chaine_pour_requete_ajax 	= mysql_real_escape_string($chaine_post_recupere);	// valeur avec protection contre injections sql
		$chaine_pour_requete 		= stripslashes($chaine_pour_requete_ajax);			// valeur a afficher sans les slashes & cie...
		$result = mysql_query("SELECT * FROM lieu WHERE nom LIKE '%$chaine_pour_requete%' LIMIT 15");
		if($result) 
		{	// on parcourt les resultats
			$tab_resultats = array();
			$i = 0;
			while($nom = mysql_fetch_array($result)) 
			{
				echo '<li onClick="fill(\''.$nom["nom"].' ('.($nom["ville"]).')'.'\');">'.stripslashes($nom["nom"]).'('.stripslashes($nom["ville"]).')'.'</li>';
				$tab_resultats[$i]['a'] = $nom["secteur"];
			}
			$valeur_secteur = json_encode($tab_resultats);
			echo 'Secteur :'.$valeur_secteur;
		}
		else
		{
			echo 'pas de resultat';		
		}
	}
	else
		{
			echo 'pas de saisie';	
		}
}
else
	{
	echo 'Il ne devrait pas avoir un accès direct à ce script !!!';	
	}
?>

Je n'ai plus de message d'erreur, mais je n'ai toujours pas ce que je souhaite
comme la page http://www.labri.fr/perso/lacroix/pu.../autocomplete/

Quand je tape un texte, il me met bien le nom , la ville et il m'indique bien en dessous le Secteur :[{"a":"Paris"}]
Mais comment récupérer cette valeur "Paris" pour la mettre ensuite dans l'input du secteur ?
Merci.

[glen1789]

Tu n'a pas bien compris ce que je voulais dire dans ton ajax tu fais :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
if($result) 
{	
	// on parcourt les resultats
	$tab_resultats = array();
	$i = 0;
	while($nom = mysql_fetch_array($result)) 
	{
		$tab_resultats[$i]['li'] = '<li onClick="fill(\''.$nom["nom"].' ('.($nom["ville"]).')'.'\');">'.stripslashes($nom["nom"]).'('.stripslashes($nom["ville"]).')'.'</li>';
		$tab_resultats[$i]['a'] = 'Secteur :'.$nom["secteur"];
		$i++;
	}
	echo(json_encode($tab_resultats));
}

et dans ton js tu fais :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
$.post("ajax_lieu.php", {queryString: ""+inputString+""}, function(data){ 
	// on envoie la valeur du champ texte dans la variable post queryString au fichier ajax_lieu.php
	if(data.length >0) {
		$('#suggestions').show(); // si il y a un retour, on affiche la liste
		//GROS BUG ICI UN IDENTIFIANT EST UNIQUE DANS UNE PAGE
		//$('#autoSuggestionsList').html(data);
		$.each(data, function(index, value) { 
			$('#autoSuggestionsListLieu').append(value.li);
			$('#autoSuggestionsListSecteur').append(value.secteur);
		});
	}
}, "json");

et dans ton html tu change les id qui DOIVENT TOUJOURS ETRE UNIQUES:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<input type="text" tabindex ="10" name="lieu3" class="ev" value="<?php echo stripslashes($lieu_affiche) ?>" id="inputString" onblur="this.className='ev';valide(this, 'err_mdp');" class="ev" /><!--  champ texte à analyser pour les suggestions -->
 <div class="suggestionsBox" id="suggestions" style="display: none;"> <!-- bloc contenant les eventuelles suggestions -->
<div class="suggestionList" id="autoSuggestionsListLieu"><!-- liste contenant les suggestions -->
</div>
</div>
<!-- FIN de : pour affichage des lieux -->
 
<!-- pour affichage du secteur -->
<input type="text" tabindex ="11" name="secteur" class="ev" value="<?php echo stripslashes($secteur_recupere) ?>" id="inputsecteur" onblur="this.className='ev';valide(this, 'err_mdp');" class="ev" /><!--  champ texte à analyser pour les suggestions -->
 <div class="suggestionsBox" id="suggestions" style="display: none;"> <!-- bloc contenant les eventuelles suggestions -->
<div class="suggestionList" id="autoSuggestionsListSecteur"><!-- liste contenant les suggestions -->
</div>
</div>
<!-- FIN de : pour affichage du secteur -->

[fazpedro]

j'ai modifié mais c'est pire : j'ai plus de suggestions qui s'affichent
Merci.

annoncer.php :

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
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
<?php session_start();
$nompage = 'annoncer2.php';require ('_protection_page.php');require ('configuration.php');
$sql = connect_sql();$sql2 = detection_mobile();$sql3 = bandeau_detection();
$pseudo_membre = $_SESSION['pseudo'];$requete = mysql_query("SELECT * FROM pdf_membre WHERE `pseudo`='$pseudo_membre'");$result = mysql_fetch_array ($requete);
$id = $result['id'];$pseudo = $result['pseudo'];$mail = $result['mail'];$mail_destinataire = $email_infos;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />	
<title><?php echo $nom_site ?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $nom_style ?>" />
<meta name="robots" content="noindex, nofollow" />
<?php include('scripts.php'); ?> <!-- insère les scripts -->
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" /><!-- script pour les dates du calendrier -->
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script><!-- script pour les dates du calendrier -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script><!-- script pour les dates du calendrier -->
<!-- <script type="text/javascript" src="jquery-1.2.1.pack.js"></script> -->
<script src="jquery.ppTextarea.min.js" type="text/javascript"></script>
 
<script type="text/JavaScript">	<!-- début de vérification du nombre de caractères dans textarea -->
$(document).ready(function() {
	$('#texte').ppTextarea({
		min:0,max:700,idMeter:'compteur',textMeter:' / 700',idCheck:'check',imgYes:'icones/yes.png',imgNo:'icones/no.gif',
		stop:false		});		});
</script>	<!-- fin de vérification du nombre de caractères dans textarea -->
 
<script type="text/javascript">	<!-- début de tarif caché si gratuit -->
function showT()
{	var elem = document.getElementById("idSelect");
	var elem2 = document.getElementById("idInput");
	var elem3 = document.getElementById("idlabel");
	if(elem.value.match("Gratuit"))
{	elem2.style.display='none';
	elem3.style.display='none';
	}	else	{
	elem2.style.display='inline';tabindex=8;
	elem3.style.display='inline'}
	}
</script>
<!-- fin de tarif caché si gratuit -->
<!-- affichage du lieu -->
<script type="text/javascript">
	function lookup(inputString) {
		if(inputString.length == 0) { // si le champs txte est vide
			$('#suggestions').hide(); // on cache les suggestions
		} else 
		{	// sinon
				$.post("ajax_lieu.php", {queryString: ""+inputString+""}, function(data){ 
				// on envoie la valeur du champ texte dans la variable post queryString au fichier ajax_lieu.php
				if(data.length >0) {
				$('#suggestions').show(); // si il y a un retour, on affiche la liste
				//GROS BUG ICI UN IDENTIFIANT EST UNIQUE DANS UNE PAGE
				//$('#autoSuggestionsList').html(data);
				$.each(data, function(index, value) { 
				$('#autoSuggestionsListLieu').append(value.li);
				$('#autoSuggestionsListSecteur').append(value.secteur);
			});
			}
			}, "json");
		}
 
	function fill(thisValue) { // remplir le champ texte si une suggestion est cliquée
		$('#inputString').val(thisValue);
		setTimeout("$('#suggestions').hide();", 200);
	}
	$(document).ready( function () {
		$("input#inputString").keyup( function() { // si on presse une touche du clavier en étant dans le champ texte qui a pour id inputString
			lookup($(this).val()) 
		});
		$("input#inputString").blur( function() { // si le champ texte perd le focus
			fill() 
		});
	});
</script>
<!-- FIN de  : affichage du lieu -->
 
 
<script type="text/javascript"><!-- script pour les dates du calendrier -->
$.datepicker.regional['fr'] = {
    closeText: 'Fermer',	prevText: 'Précédent',	nextText: 'Suivant',	currentText: 'Aujourd\'hui',
	monthNames: ['Janvier','F&eacute;vrier','Mars','Avril','Mai','Juin','Juillet','Ao&ucirc;t','Septembre','Octobre','Novembre','D&eacute;cembre'],
	monthNamesShort: ['Janv.','F&eacute;vr.','Mars','Avril','Mai','Juin','Juil.','Août','Sept.','Oct.','Nov.','D&eacute;c.'],
	dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
	dayNamesShort: ['Dim.','Lun.','Mar.','Mer.','Jeu.','Ven.','Sam.'],
	dayNamesMin: ['D','L','M','M','J','V','S'],
	weekHeader: 'Sem.',	dateFormat: 'yy/mm/dd',	minDate: new Date(), defaultDate: 1, firstDay: 1,	isRTL: false,	showMonthAfterYear: false,	yearSuffix: ''
	};
$.datepicker.setDefaults($.datepicker.regional['fr']);
 
$(document).ready(function($){
	$("#datepicker_debut").datepicker();
	$("#datepicker_fin").datepicker();
	});
$("#datepicker_debut").change(function(){
	var d = $("#datepicker_debut").datepicker('getDate');
 	var n = new Date(d.getFullYear(), d.getMonth(), d.getDate() + 12);
 	$("#datepicker_fin").datepicker('setDate', n);
});
 
$(function()
{
  $("#datepicker_debut,#datepicker_fin").datepicker({
	dateFormat: 'yy/mm/dd'
    });
  $("#datepicker_debut").datepicker('option','onSelect',function() {
    $("#datepicker_fin").datepicker('option','minDate',
      new Date($(this).datepicker('getDate').getTime()+86400000)
    );
  });
  $("#datepicker_fin").datepicker('option','onSelect',function() {
    $("#datepicker_debut").datepicker('option','maxDate',
      new Date($(this).datepicker('getDate').getTime()-86400000)
    );
  });
});
 
</script>
 
 
</head>
<body>
<?php include($bandeau); ?> <!-- insère le bandeau principal en haut en fonction de la connexion -->
<div id="mainContent">
<br />
<p>Retrouvez &eacute;galement <br />
<a href="annoncer_plusieurs.php">Annoncer sur plusieurs journ&eacute;es (exposition, festival...)</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="contact_ev.php">Annoncer plusieurs &eacute;v&eacute;nements (envoi de fichier...)</a>&nbsp;&nbsp;&nbsp;&nbsp;
</p>
<?php
// -------------------------------
// TRAITEMENT si formulaire envoye
// -------------------------------
$validform = 0;
$msgerreur = '';
$reponse = '';
// nettoyage des zones avant saisie
$montant_recupere = '';$lieu_recupere = '';$heure_debut_recupere = '';$nom_artiste_recupere = '';$site_web_recupere = '';$designation_recupere = '';$secteur_recupere = '';
if( isset($_POST['boutonEnvoiFormulaire']) ) 
{
	// ----------------------------------------------------------------------------------------
	// 1- RECUPERATION DES DONNEES DU FORMULAIRE et Protection des donnees contre injection SQL
	// ----------------------------------------------------------------------------------------
	$IPClient = $_SERVER[REMOTE_ADDR];  // recup de l'ip du client
	$type_evenement_recupere			= mysql_real_escape_string($_POST['evenement2']);
	$jour_recupere						= mysql_real_escape_string($_POST['jour']);
	$tarif_recupere						= mysql_real_escape_string($_POST['tarif']);
	$montant_recupere					= mysql_real_escape_string($_POST['montant']);
	$lieu_recupere						= mysql_real_escape_string($_POST['lieu3']);
	$heure_debut_recupere				= mysql_real_escape_string($_POST['debut']);
	$secteur_recupere					= mysql_real_escape_string($_POST['secteur']);
	$nom_artiste_recupere				= mysql_real_escape_string($_POST['nom4']);
	$site_web_recupere					= mysql_real_escape_string($_POST['webinfos']);
	$designation_recupere				= mysql_real_escape_string($_POST['comments']);
 
	// si tarif gratuit mettre à zéro le montant
	if($tarif_recupere == 'Gratuit') {$montant_pour_sql="0";} elseif($tarif_recupere == 'Payant') {$montant_pour_sql=$montant_recupere;}
	// requete pour recuperer la connexion ip du client
	$IPClient2 = $_SERVER[REMOTE_ADDR];
	mysql_query("SET NAMES utf8");
	$date_ev=$jour_recupere;
 
	// -----------------------------------------
	// 2- GESTION des ERREURS
	// -----------------------------------------
	// On verifie les champs obligatoires
	if ($type_evenement_recupere=='' ||  $jour_recupere=='' || $tarif_recupere=='' || $lieu_recupere=='' || $heure_debut_recupere=='' || $nom_artiste_recupere=='' || $designation_recupere=='') 
	{
		if ($type_evenement_recupere=='')	 	{	$msgerreur .= 'Champ obligatoire : '.'<b>'.' Type d\'&eacute;v&eacute;nement'.'</b>'.'<br />'; }
		if ($jour_recupere=='') 				{	$msgerreur .= 'Champ obligatoire : '.'<b>'.' Jour'.'</b>'.'<br />'; }
		if ($tarif_recupere=='') 				{	$msgerreur .= 'Champ obligatoire : '.'<b>'.' Tarif'.'</b>'.'<br />'; }
		if ($lieu_recupere=='') 				{	$msgerreur .= 'Champ obligatoire : '.'<b>'.' Lieu'.'</b>'.'<br />'; }
		if ($heure_debut_recupere=='') 			{	$msgerreur .= 'Champ obligatoire : '.'<b>'.' Heure de d&eacute;but'.'</b>'.'<br />'; }
		if ($nom_artiste_recupere=='') 			{	$msgerreur .= 'Champ obligatoire : '.'<b>'.' Artiste'.'</b>'.'<br />'; }
		if ($designation_recupere=='') 			{	$msgerreur .= 'Champ obligatoire : '.'<b>'.' D&eacute;signation'.'</b>'.'<br />'; }
		if ($secteur_recupere=='') 				{	$msgerreur .= 'Champ obligatoire : '.'<b>'.' Secteur'.'</b>'.'<br />'; }
		$validform 	= 2;
 
		// pour affichage correct si erreur ou oubli de saisie !	
		$lieu_affiche			= stripslashes($lieu_recupere);	
		$nom_artiste_affiche	= stripslashes($nom_artiste_recupere);
		$designation_affiche	= stripslashes($designation_recupere);
	}
 
	// description : plus de 700 caractères !
	if (strlen($designation_recupere)>700)	{	$msgerreur .= 'Champ D&eacute;signation : '.'<b>'.strlen($designation_recupere).'</b>'.
												' caract&egrave;res, il faut'.'<b>'.' moins de 700 caract&egrave;res !'.'</b>'.'<br />'; 
												$validform 	= 2;
												// pour affichage correct si erreur ou oubli de saisie !	
												$lieu_affiche			= stripslashes($lieu_recupere);	
												$nom_artiste_affiche	= stripslashes($nom_artiste_recupere);	
												$designation_affiche	= stripslashes($designation_recupere);	
											}
	// pas d'erreur ?
	if($validform != 2) $validform = 1;
	// -----------------------------------------
	// 3- si pas d'erreur => TRAITEMENT
	// -----------------------------------------
	if($validform == 1) 
	{
		// pour affichage correct si erreur ou oubli de saisie !	
		$lieu_affiche			= stripslashes($lieu_recupere);	
		$nom_artiste_affiche	= stripslashes($nom_artiste_recupere);	
		$designation_affiche	= stripslashes($designation_recupere);	
		// on écrit la requête sql pour verifier s'il n'existe pas déjà !
		$query = "SELECT * FROM evenement WHERE nom='$nom_artiste_recupere' and lieu='$lieu_recupere' and date_ev='$date_ev'";
		$result = mysql_query($query);
		$res = mysql_num_rows($result);
		// Récuperation des resultats
		if ($res==0)
		{
			mysql_query("SET NAMES utf8");
			$sql2 = "INSERT INTO evenement(type_evenement, type_etab, secteur, heure, tarif, montant, lieu, nom, description, date_ev, pseudo_ev, site_infos) 
			VALUES('$type_evenement_recupere','$type_lieu_recupere','$secteur_recupere','$heure_debut_recupere','$tarif_recupere',
			'$montant_pour_sql','$lieu_recupere','$nom_artiste_recupere','$designation_recupere','$date_ev','$pseudo','$site_web_recupere')";
			// on insère les informations du formulaire dans la table
			mysql_query($sql2) or die('Erreur SQL !'.$sql2.'<br>'.mysql_error());
			//On remet la date au format français
			setlocale (LC_TIME, 'fr_FR.UTF8');
			$date_vue = strftime("%A %d %B",strtotime("$date_ev"));
			// on affiche le résultat pour le visiteur
			setlocale (LC_TIME, 'fr_FR.UTF8');
			echo '<p>'.'</p>'."\n";
 
			// ----------------------------------
			// ENVOI DU MAIL A L'ADMINISTRATEUR
			// ----------------------------------
			$entete = "MIME-Version: 1.0\r\n";
			$entete .= "Content-type: text/html; charset=utf-8\r\n";
			$entete .= "From: <".$mail.">\r\n";
			$entete .= "Reply-To: ".$mail."\r\n";
			$message1 =  '<html><body>Bonjour <b>'.$pseudo.'</b>'.' a ins&eacute;r&eacute; un &eacute;v&eacute;nement';
			$message1 .= '<br />';
			$message1 .= 'Nom du groupe ou artiste : '.'<b>'.stripslashes($nom_artiste_recupere).'</b>';
			$message1 .= '<br>'.'</br>';
			$message1 .= 'Date : '.'<b>'.$date_vue.'</b>';
			$message1 .= '<br>'.'</br>';
			$message1 .= 'Description : '.'<b>'.stripslashes($designation_recupere).'</b>';
			$message1 .= '<br>'.'</br>';
			$message1 .= 'Site web : '.'<b>'.stripslashes($webinfos).'</b>';
			$message1 .= '<br>'.'</br>';
			$message1 .= 'IP de connexion : '.$IPClient;
			$message1 .= '</body>'.'</html>';
			mail($mail_destinataire,'Insertion d\'un evenement', $message1, $entete);
 
		///// REPONSE POSITIVE A L'ECRAN ///////
		$reponse = '<br></br>';
		$reponse .= 'Merci '.'<strong>'.$pseudo.' !'.'</strong>';
		$reponse .= '<br />';
		$reponse .= 'l\'&eacute;v&eacute;nement a bien &eacute;t&eacute; enregistr&eacute; !';
		$reponse .= '<br />';
		$reponse .= '<br />';
		$reponse .= '<a href="index.php">Retour &agrave; l\'Accueil</a>';
		$reponse .= '<br />';
		}
		// si entrée déjà effectuée
		else
		{
			$msgerreur .= 'Attention '.'<strong>'.$pseudo.' !'.'<br></br>';
			$msgerreur .= '&eacute;v&eacute;nement d&eacute;j&agrave; saisi dans l\'agenda !'.'</strong>';
			$validform 	= 2;
		}
	} // FIN de if($validform == 1)
unset($_POST);
}
// -------------------------------
// FIN DU  TRAITEMENT
// -------------------------------
 
if($validform == 2)	// affichage message d'erreur eventuel
	{	echo $msgerreur;					} 
	elseif	($validform == 1 && $reponse!='')	// On affiche la reponse positive ci-dessus
	{	echo $reponse;						}	// affichage de la reponse positive à l'ecran
 
/////////////////////////////////////////////
///// DEBUT   AFFICHAGE du formulaire ///////
////////////////////////////////////////////
if($validform != 1)
{	// $validform = 0 -> c'est la 1ère fois qu'on arrive sur la page (tous les $data = '')
	// $validform = 2 -> erreur, donc RE-AFFICHAGE du formulaire, avec les $data récupérés
?>
<form method="post" action="<?$PHP_SELF;?>">
<fieldset>
<legend> &nbsp; Annoncer un &eacute;v&eacute;nement sur une journ&eacute;e &nbsp; </legend>
<br/><br/>
<label>Type d&rsquo; &eacute;v&eacute;nement &nbsp; : &nbsp;</label>
<select name="evenement2" class="ev" tabindex="1" >
<?php
if (!empty($type_evenement_recupere)) {echo "<option value=\"$type_evenement_recupere\">$type_evenement_recupere</option>";}
else {	$affich_form = "SELECT * FROM type_ev" ;
		$resultat = mysql_query($affich_form) or die ('Erreur : '.mysql_error() );
		if	(mysql_num_rows($resultat) == 0)	//On vérifie que la table contient quelque chose
		{	echo '<option>Aucun</option>';	}
		else	{	while ( $list = mysql_fetch_array( $resultat ) )
				{	echo '<option value="'.$list['Type_evenement'].'">'.$list['Type_evenement'].'</option>';	}
			}
	 } ?>
</select>
<br /><br />
 
<label>Jour &nbsp; : &nbsp;</label>
<input type="date" name="jour" class="jj" tabindex="2"  id="datepicker_debut" value="<?php echo $jour_recupere; ?>" >
 
<br /><br />
<label for="ev6">Tarif &nbsp; : &nbsp; </label>
<select name="tarif" tabindex="3" onchange="showT();" id="idSelect"  onblur="this.className='ev';valide(this, 'err_id');" class="ev">
<?php if (!empty($tarif_recupere)) {echo "<option value=\"$tarif_recupere\">$tarif_recupere</option>";} else { ?>
<option value="Gratuit"> Gratuit </option>
<option value="Payant"> Payant </option>
<?php	}	?>
</select>
<br /><br />
<label id="idlabel" style="display:none" onchange="showT();" for="ev12">Montant (euros) &nbsp; : &nbsp; </label>
<input type="text" style="display:none" tabindex="5" id="idInput" name="montant" value="<?php echo stripslashes($montant_recupere) ?>" onblur="this.className='ev';valide(this, 'err_id');" class="ev" /> <span id="err_id" style="color:red"></span>
<span id="err_id" style="color:red"></span>
<br /><br />
<input type="text" tabindex ="10" name="lieu3" class="ev" value="<?php echo stripslashes($lieu_affiche) ?>" id="inputString" onblur="this.className='ev';valide(this, 'err_mdp');" class="ev" /><!--  champ texte à analyser pour les suggestions -->
 <div class="suggestionsBox" id="suggestions" style="display: none;"> <!-- bloc contenant les eventuelles suggestions -->
<div class="suggestionList" id="autoSuggestionsListLieu"><!-- liste contenant les suggestions -->
</div>
</div>
<!-- FIN de : pour affichage des lieux -->
 
<!-- pour affichage du secteur -->
<input type="text" tabindex ="11" name="secteur" class="ev" value="<?php echo stripslashes($secteur_recupere) ?>" id="inputsecteur" onblur="this.className='ev';valide(this, 'err_mdp');" class="ev" /><!--  champ texte à analyser pour les suggestions -->
 <div class="suggestionsBox" id="suggestions" style="display: none;"> <!-- bloc contenant les eventuelles suggestions -->
<div class="suggestionList" id="autoSuggestionsListSecteur"><!-- liste contenant les suggestions -->
</div>
</div>
<!-- FIN de : pour affichage du secteur -->
 
 
 
<label for="ev8">Heure de d&eacute;but &nbsp; : &nbsp; </label>
<input type="text" tabindex="6" name="debut"  value="<?php echo stripslashes($heure_debut_recupere) ?>" onblur="this.className='ev';valide(this, 'err_id');" class="ev" /><span id="err_id" style="color:red"></span>
<br />
<br />
<label for="ev9">Nom de l'artiste...&nbsp; : &nbsp; </label>
<input type="text" name="nom4" value="<?php echo stripslashes($nom_artiste_affiche) ?>" tabindex="7" onblur="this.className='ev';valide(this, 'err_id');" class="ev" /><span id="err_id" style="color:red"></span>
<br /><br />
<label for="ev9">Site web &nbsp; : &nbsp; </label>
<input type="text" name="webinfos" value="<?php echo stripslashes($site_web_recupere) ?>" tabindex="8" onblur="this.className='ev';valide(this, 'err_id');"
 class="ev" /><span id="err_id" style="color:red"></span>
<br /><br />
<label for="texte">Description &nbsp; 700 caract&egrave;res maxi<br />
(<span id="compteur">0</span>)<br /><span id="check"></span></label>
<textarea name="comments" tabindex="9" onblur="this.className='textarea';valide(this, 'err_id');" id="texte">
<?php echo stripslashes($designation_affiche) ?></textarea>
<br /><br />
<label>Secteur : </label>
<select name="secteur" class="ev" tabindex="10" >
<?php
if (!empty($secteur_recupere)) {echo "<option value=\"$secteur_recupere\">$secteur_recupere</option>";}
else {	$affich_form10 = "SELECT * FROM secteur" ;
		$resultat10 = mysql_query($affich_form10) or die ('Erreur : '.mysql_error() );
		if	(mysql_num_rows($resultat10) == 0)	//On vérifie que la table contient quelque chose
		{	echo '<option>Aucun</option>';	}
		else	{	while ( $list10 = mysql_fetch_array( $resultat10 ) )
				{	echo '<option value="'.$list10['secteur_geographique'].'">'.$list10['secteur_geographique'].'</option>';	}
			}
	 } ?>
</select>
 
<p>
<br /><br /><br />
<input name="boutonEnvoiFormulaire" tabindex="10" type="submit" value="Envoyer" />
</p>
</fieldset>
</form>
<?php
}
/////////////////////////////////////////////
///// FIN    AFFICHAGE du formulaire ///////
////////////////////////////////////////////
?>
<br /><br />
</div>
<?php mysql_close($sql); //On se deconnecte ?>
<?php include('bas_de_page.php'); ?> <!-- insère le bas de page  -->
</body>
</html>

ajax_lieu.php :

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
<?php
require('configuration.php');require ('jsonwrapper.php');
$sql = connect_sql();
mysql_query("SET NAMES utf8");
if(isset($_POST['queryString'])) 	// si une variable queryString a été posté
{
	$queryString = mysql_real_escape_string($_POST['queryString']);		// si la longueur du contenu de la variable est superieur à 0
	if(strlen($queryString) >0)
	{
		$chaine_post_recupere		= stripslashes($_POST['queryString']);				// recupere la valeur saisie
		$chaine_pour_requete_ajax 	= mysql_real_escape_string($chaine_post_recupere);	// valeur avec protection contre injections sql
		$chaine_pour_requete 		= stripslashes($chaine_pour_requete_ajax);			// valeur a afficher sans les slashes & cie...
		$result = mysql_query("SELECT * FROM lieu WHERE nom LIKE '%$chaine_pour_requete%' LIMIT 15");
 
		if($result) 
		{	// on parcourt les resultats
			$tab_resultats = array();
			$i = 0;
			while($nom = mysql_fetch_array($result)) 
			{
				$tab_resultats[$i]['li'] = '<li onClick="fill(\''.$nom["nom"].' ('.($nom["ville"]).')'.'\');">'.stripslashes($nom["nom"]).'('.stripslashes($nom["ville"]).')'.'</li>';
				$tab_resultats[$i]['a'] = 'Secteur :'.$nom["secteur"];
				$i++;
			}
			echo(json_encode($tab_resultats));
		}
		else
		{
			echo 'pas de resultat';		
		}
	}
	else
		{
			echo 'pas de saisie';	
		}
}
else
	{
	echo 'Il ne devrait pas avoir un accès direct à ce script !!!';	
	}
?>

[glen1789]

Pourrais-tu lancer firebug ou tout autre outil equivalent, mettre un point d'arrêt a la ligne 53 de ton code js

Code :

if(data.length >0) {

et me poster la valeur de data s'il te plait, ça m'aidera à y voir plus clair.

Merci.

[fazpedro]

j'ai installé Firebug
j'ai mis un point d'arrêt dans l'onglet Script
à la ligne

Code :

if(data.length >0) {

Dans l'onglet Points d'arrêt : j'ai l'information suivante :

Code :

1
2
3
undefined
annoncer2.php (ligne 99)
if(data.length >0) {

mais après je ne vois pas quoi faire : les boutons (Continuer F8...) sont grisés !
Comment faire ? Merci.