Jquery peut il le faire ?

Version imprimable

03/08/2010, 12h14
dam28800

Jquery peut il le faire ?

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.
03/08/2010, 14h32
SpaceFrog

tu veux parler d'autocomplétion ou de listes liées avec ajax ....
ce ne sont pas les tutos qui manquent sur developpez
03/08/2010, 14h41
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.
03/08/2010, 14h43
SpaceFrog

désolé j'ai pas compris !

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

Alors voilà ou j'en suis :

Mon formulaire html :

Code:

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:

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.

03/08/2010, 15h19
SpaceFrog

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