Discussion :

[dam28800]

Bonjour à tous,

J'ai un formulaire de recherche qui en fonction de sa saisie m'affiche des villes (recherche par CP, région qui sont des champs de ma table ville)

Je le fait en php sans problème, mais je souhaiterai le rendre plus interactif (un peu comme le formulaire de recherche du site seloger.com, je sélection un critère, un écran d'attente et affichage des résultats)

Est-il possible de le faire avec JQuery ou une autre solution serait meilleur ?
J'ai vue pas mal de chose mais maintenant je m'embrouille un peu (passer par un xml ? passser par json ?)...)

Merci d'avance de votre aide.

[SpaceFrog]

tu veux parler d'autocomplétion ou de listes liées avec ajax ....
ce ne sont pas les tutos qui manquent sur developpez

[dam28800]

Oui effectivement mais là c'est un peu différent.

Car dans mon formulaire je ne veux pas auto-complétion, je veux juste mettre des critères de recherche (mêmes des case à cochés) et que le requête s'exécute.

Par exemple j'aie table avec un champ secteur (secteur 1, secteur2) et j'ai deux coches Secteur 1, Secteur 2, dès que je clique ça modifie la requête en affichant le ou les secteurs cochés.

Merci de ton aide.

[SpaceFrog]

désolé j'ai pas compris !

il se passe quoi quand tu coche un radio ou un checkbox ?

[dam28800]

Alors voilà ou j'en suis :

Mon formulaire html :

Code :

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

1
2
3
 
<input type="checkbox" name="getData"  id="getData" value="SECTEUR1">
<input type="checkbox" name="getData"  id="getData" value="SECTEUR2">

Je sais qu'il y a un problème mais je sais pas comment appeler mon deuxième checkbox...

Mon script JS :

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
 
$(document).ready(function() {
 
	$("#getData").click(function(){
	var data = "";
	var name = $("#getData").val();
 
	alert("Data Loaded: " + name);
 
 
		$.get("thePHP.php?name=" + name, function(theXML){
 
				$('person',theXML).each(function(i){
 
					var title = $(this).find("firstname").attr("title");
					var firstname = $(this).find("firstname").text();
					var surname = $(this).find("surname").text();
 
					data = data + title + " " + firstname + " " + surname + "<br>";
 
				});
 
				$("#container").html(data);
		});
 
	});
 
});

Quand je clique sur le premier checkbox la valeur est bien récupéré et bien envoyé au fichier php qui me renvoi le xml du bon secteur.


Donc en fait je bloque sur le fichier html....

Merci d'avance.

[SpaceFrog]

oui alors déjà les bases ...
un id DOIT être Unique sur une page