remplir deux champs après le click

**glen1789** · 21/12/2011, 17h25

Une fois que tu as placé ton point d'arrêt tu déclenche ta requête ajax pour provoquer l'arrêt, ensuite dans l'onglet "espion" tu tapes : data.

**fazpedro** · 22/12/2011, 00h01

Dans Firebug, Espion, j'ai tapé "data" et voici le résultat :

ReferenceError: data is not defined

**glen1789** · 22/12/2011, 11h02

Tu es sur que tu as lancé la requête ajax et que ton appli est bloquée au point d'arrêt?

**fazpedro** · 22/12/2011, 22h50

Et comment on fait pour déclencher la requête ajax ?
moi j'ai juste été sur la zone où je dois taper le début du lieu
j'ai essayé de taper un début de lieu et rien ne s'est passé, puis
j'ai inscrit "data" dans la zone espion .. c'est pas ça ?
Merci de votre indulgence.

**glen1789** · 23/12/2011, 00h48

Bonsoir,

Un exemple dans l'impression d’écran en pièce jointe, j'ai mis un point d'arrêt sur le script jquery de ce forum et j'ai cliqué sur le bouton pour envoyer un MP. On voit sur le screen que le debugger de firebug est bloqué sur le point d'arrêt, la flèche jaune représente la ligne en cours d’exécution).

As-tu le même comportement chez toi?

Sinon vérifie que tu n'as pas d'erreurs javascript (dans l'onglet console de firebug).

**fazpedro** · 23/12/2011, 14h37

Désolé glen1789 mais je ne comprends pas comment faire....

après avoir mis le point d'arrêt, tu cliques sur quel bouton ?

**glen1789** · 23/12/2011, 15h45

Désolé glen1789 mais je ne comprends pas comment faire....

Il n'y a aucun problème, pas besoin de s'excuser, le forum est là pour faciliter l'entraide. De plus je sais très bien à quel point il peut être difficile de s'adapter à de nouvelles technologies/outils donc aucun souci.

après avoir mis le point d'arrêt, tu cliques sur quel bouton ?

Après avoir mis le point d'arrêt tu continues d'utiliser ton site web/appli comme si firebug n'existait pas. Si le point d'arrêt est atteint, ton site/appli web va "être mis en pause" et firebug va mettre son focus dans le script js au niveau du point d'arrêt. C'est à ce moment là que tu tapes data dans l'onglet espions. J'espère avoir été assez clair.

Si jamais ton site/appli ne se met jamais "en pause", cela veut dire que le js où ton point d'arrêt à été posé n'est jamais exécute, pour tester le fonctionnement de firebug tu peux tout simplement mettre un point d'arrêt à la ligne 94 de annoncer :

Code :

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

$("#datepicker_debut").datepicker();

et utiliser la pas à pas pour avancer dans ton script.

N'hésites pas à réécrire en cas de problème.

Bonne chance.

**fazpedro** · 23/12/2011, 17h01

Après avoir mis le point d'arrêt tu continues d'utiliser ton site web/appli comme si firebug n'existait pas. Si le point d'arrêt est atteint, ton site/appli web va "être mis en pause" et firebug va mettre son focus dans le script js au niveau du point d'arrêt. C'est à ce moment là que tu tapes data dans l'onglet espions.
=> il ne se passe rien (toujours : data is not defined dans "Espion")

Si jamais ton site/appli ne se met jamais "en pause", cela veut dire que le js où ton point d'arrêt à été posé n'est jamais exécute, pour tester le fonctionnement de firebug tu peux tout simplement mettre un point d'arrêt à la ligne 94 de annoncer :
$("#datepicker_debut").datepicker();
=> pareil : rien et toujours "not defined..."

et utiliser la pas à pas pour avancer dans ton script.
=> les bouton pas à pas, etc.. sont grisés !

**glen1789** · 23/12/2011, 18h01

Si jamais ton site/appli ne se met jamais "en pause", cela veut dire que le js où ton point d'arrêt à été posé n'est jamais exécute, pour tester le fonctionnement de firebug tu peux tout simplement mettre un point d'arrêt à la ligne 94 de annoncer :
$("#datepicker_debut").datepicker();
=> pareil : rien et toujours "not defined..."

et utiliser la pas à pas pour avancer dans ton script.
=> les bouton pas à pas, etc.. sont grisés !

D'après ce que je comprends cela veut dire que ton point d'arrêt n'est jamais atteint, essayes de le mettre à la ligne 93 et de recharger ta page, normalement ta page devrait rester blanche et firebug devrait etre sur le point d'arrêt.
Dis-moi si cette manip fonctionne.

**fazpedro** · 23/12/2011, 23h34

D'après ce que je comprends cela veut dire que ton point d'arrêt n'est jamais atteint, essayes de le mettre à la ligne 93 et de recharger ta page, normalement ta page devrait rester blanche et firebug devrait etre sur le point d'arrêt.
Dis-moi si cette manip fonctionne.

Effectivement : page blanche et il ne passe plus rien, il s'arrête à la ligne 139

Code :

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

$(document).ready(function($){

**glen1789** · 24/12/2011, 13h46

Donc on peut être sûr que firebug fonctionne. Ensuite, en enlevant ce point d'arrêt et tous les autres, fais des manipulations sur ta page, en étant sur l'onglet console de firebug(sur le sous-onglet Tous), et regardes s'il n'y a pas d’erreurs à l’exécution, il est possible que la fonction ajax ne soit jamais appelée dû à une erreur dans le code.

**fazpedro** · 24/12/2011, 16h43

il manquait un } dans le code... ligne 64 !

Code modifié dans annoncer2.php :

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

mais je ne récupère toujours pas le secteur dans le second input...

**glen1789** · 27/12/2011, 15h11

Une fois que tu as placé ton point d'arrêt tu déclenche ta requête ajax pour provoquer l'arrêt, ensuite dans l'onglet "espion" tu tapes : data.

On en reviens à ce point là, j'ai besoin de connaitre ce qu'il y a dans data pour pouvoir t'aider. Merci

**fazpedro** · 27/12/2011, 18h00

Voici ce que ça donne avec "data" dans "Espion" :

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
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
 
[Object { li="<li onClick="fill('Café...L'Imprimerie(Ville)</li>", a="Secteur :Ville"}, 
....
 
this
	Object { url="ajax_lieu.php", isLocal=false, global=true, more...}
 
accepts
	Object { xml="application/xml, text/xml", html="text/html", text="text/plain", more...}
 
async
	true
 
contentType
	"application/x-www-form-urlencoded"
 
contents
	Object { xml=RegExp, html=RegExp, json=RegExp, more...}
 
converters
	Object { text html=true, * text=String(), text json=function(), more...}
 
crossDomain
	null
 
data
	"queryString=f"
 
dataType
	"json"
 
dataTypes
	["text", "json"]
 
global
	true
 
hasContent
	true
 
isLocal
	false
 
jsonp
	"callback"
 
processData
	true
 
responseFields
	Object { xml="responseXML", text="responseText"}
 
type
	"POST"
 
url
	"ajax_lieu.php"
 
jsonpCallback
	function()
 
success
	function()
 
xhr
	bZ()
 
data
	[Object { li="<li onClick="fill('Café...L'Imprimerie(Ville)</li>", a="Secteur :Ville"}, ...
.....	
toString
	function()
 
Fenêtre
	Window annoncer2.php

moi ça me parle pas

tu as la traduction ? Merci !

**glen1789** · 27/12/2011, 19h22

Code :

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

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.a);
		});
	}
}, "json");

remplace dans ton js avec ce bout de code,ça devrait te mettre le secteur au bon endroit. C’était une erreur de ma part.

**fazpedro** · 03/01/2012, 22h05

j'ai modifié mais après avoir sélectionné le nom "autoSuggestionsListLieu"
il n'y a rien de plus qui s'affiche dans le "secteur" !
décidemment, c'est compliqué...

**fazpedro** · 15/02/2012, 12h39

Bonjour,
j'ai essayé autrement, en adaptant le code ci-dessous à mon projet :
http://x-zolezzi.developpez.com/tuto...utocompletion/

HTML :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
<title>AutoCompletion</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.ui/1.8.10/jquery-ui.js"></script>
<script type="text/javascript">
$(function ()
{	$("#nom, #ville").autocomplete({
		source: function (request, response)
		{	var objData = {};
				if ($(this.element).attr('id') == 'nom')
					{	objData = { nom: request.term, maxRows: 10 };	}
				else
					{	objData = { ville: request.term, maxRows: 10 };	}
		$.ajax({
			url: "autocompletion2.php",
			dataType: "json",
			data: objData,
			type: 'POST',
			success: function (data)
				{	response($.map(data, function (item)
					{	return {	label: item.nom + "-" + item.Ville,
									value: function ()
										{	if ($(this).attr('id') == 'nom')
												{	$('#ville').val(item.Ville);return item.nom;	}
											else
												{	$('#nom').val(item.nom);return item.Ville;		}
										}
								}
					}));
				}
			});
		},
		minLength: 2,	delay: 500
	});
});
</script>
<link rel="Stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" />
</head>
<body>
<form action="#">
Nom :<input type="text" id="nom" size="30"/>
<br />
Ville : <input type="text" id="ville" readonly="yes" size="50" />
</form>
</body>
</html>

Source : autocompletion2.php :

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
<?php
class AutoCompletionCPVille 
{public $Nom;public $Ville;}    
//Initialisation de la liste
$list = array();
//Connexion MySQL
require('configuration.php');   // $db dans le fichier !
try     {$db;}
 
catch (Exception $ex)
{echo $ex->getMessage();}
//Construction de la requete
$strQuery = "SELECT Nom nom, ville Ville FROM lieu WHERE ";
if (isset($_POST["nom"]))
{$strQuery .= "nom LIKE :nom ";}
else
{$strQuery .= "ville LIKE :ville ";}
if (isset($_POST["maxRows"]))   //Limite
{$strQuery .= "LIMIT 0, :maxRows";}
$query = $db->prepare($strQuery);
if (isset($_POST["nom"]))
{       $value = $_POST["nom"]."%";
        $query->bindParam(":nom", $value, PDO::PARAM_STR);
}
else
{       $value = $_POST["ville"]."%";
    $query->bindParam(":ville", $value, PDO::PARAM_STR);
}
if (isset($_POST["maxRows"]))   //Limite
{       $valueRows = intval($_POST["maxRows"]);
    $query->bindParam(":maxRows", $valueRows, PDO::PARAM_INT);
}
$query->execute();
$list = $query->fetchAll(PDO::FETCH_CLASS, "AutoCompletionCPVille");;
echo json_encode($list);
?>

Cela fonctionne mais j'ai encore deux petits soucis :

(1) quand je tape le début du nom, il me propose des réponses comme celles-ci :
null,ville
=> pourquoi ?

(2) Comment faire pour que la sélection soit faite sur tous les mots
exemple: le cafe de paris
=> il ne me le propose que si je tape le... et pas si je tape paris !
j'avais essayé d'indiquer le % dans la requête mais je ne vois pas où l'indiquer ?

Merci d'avance !

**glen1789** · 15/02/2012, 16h05

Bonjour,

(1) quand je tape le début du nom, il me propose des réponses comme celles-ci :
null,ville
=> pourquoi ?

Je vois deux choses qui peuvent clocher dans ton code :

Code :

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

$strQuery = "SELECT Nom nom, ville Ville FROM lieu WHERE ";

met :

Code :

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

$strQuery = "SELECT nom Nom, ville Ville FROM lieu WHERE ";

ensuite dans ton js tu utilises:

Code :

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

label: item.nom

met :

Code :

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

item.Nom

(2) Comment faire pour que la sélection soit faite sur tous les mots
exemple: le cafe de paris
=> il ne me le propose que si je tape le... et pas si je tape paris !
j'avais essayé d'indiquer le % dans la requête mais je ne vois pas où l'indiquer ?

Jusqu'a présent tu utilises le % dans ta requête :

Code :

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

$value = $_POST["nom"]."%";

Ce % dit que tu autorise la capture de toute chaîne de caractère après ce qui est contenu dans $POST["nom"], donc si tu fais :

Code :

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

$value = "%".$_POST["nom"]."%";

ca devrait fonctionner comme tu le souhaites.

**fazpedro** · 15/02/2012, 18h57

Excellent glen1789 !
effectivement, il y avait des problèmes sur les majuscules nom et Nom !

j'ai rajouté également dans mon fichier "configuration.php" ceci :

Code :

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

$db = new PDO('...', array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8"));

afin d'avoir les accents et apostrophes correctement !

mais dernier souci : si le nom contient une apostrophe,
il m'indique les antislash => nom de l\'ange

j'ai essayé ceci mais sans résultat...

Code :

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

echo stripslashes(json_encode($list));

savez-vous comment faire ?
merci.

je ne suis plus très loin du résultat final..

remplir deux champs après le click

jQuery

Discussions similaires

Partager

Partager