[AJAX] Requete AJAX

Bonjour à toutes et à tous,

Mon application est la suivante :

On à un formulaire de recherche d'appartement, avec des cases à cocher pour chaque type (f1 f2 ...) , des champs textes pour les loyers min et max, des listes deroulantes pour les secteurs ...

Bref au départ la page web m'affiche : 200 offres correspondent à la recherche (lorsque tout est par défaut).
Ensuite, au fur et à mesure que l'utilisateur renseigne des données (coche des cases ...) le nombre d'offres correspondantes est recalculée via une requete AJAX.

Etant débutant en Ajax , je me heurte à un problème presque dès le départ :
J'applique une fonction lorsque l'utilisateur cliquer sur la case "f1" par exemple.
Mais le problème c'est que s'il décoche la case, la fonction à appelée quand même.

J'ai essayé avec un "onselect" à la place du "onclick" mais ca ne fonctionne pas :?

Auriez-vous une solution ?

PS : J'aurais surement pas mal d'autres problèmes après celui la, je continuerais dans ce topic ;)

il faut que tu teste si la case est coché avec un code du style :

Code:

---

1 2 3 4 5 6 7 8 9

if(tonform.elements["f1"].checked==false) { action quand la case est décoché } else { action quand la case est coché }

---

J'ai essayé mais ca ne fonctionne pas :cry:

Ma case a cocher :

Code:

---

<input onclick="chgtype(8 , rec_type8);" name='rec_type8' type='checkbox'

---

value='1'>

Ma fonction :

Code:

---

1 2 3 4

function chgtype(idType, nomType) {   if(formPrincipal.elements[nomType].checked==true) {

---

Mon formulaire à pour nom et pour id formPrincipal

Erreur JS : formPrincipal is not defined

Je ne comprend pas, c'est bien le bon nom de formulaire de la page ...

Je viens de faire cela:

Code:

---

if(document.formPrincipal.elements[nomType].checked==true)

---

Erreur JS : document.formPrincipal.elements[nomType] is not defined

Mais si je met

Code:

---

document.formPrincipal.elements["rec_type8"]

---

alors ca fonctionne

Le probleme est qu'il ne connait pas nomType ( nomType est passé en parametre dans la fonction JS)

Code:

---

if(document.formPrincipal.elements[nomType].checked==true)

---

Seul IE est capable d'accéder aux éléments directement par leurs noms, pour les autres, il faut passer par l'objet document ;)

Et :

Code:

---

<input onclick="chgtype(8 , 'rec_type8');" name='rec_type8' type='checkbox'

---

ton paramètre doit être passé sous forme de chaîne !

il reste donc plus qu'a tester la valeur de ta variable nomType en faisant un alert dans ta fonction voir si ca correspond bien à "rec_type8"

Merci beaucoup ca fonctionne :)

Nouveau problème, cette fois ci sur IE uniquement :cry:

J'ai une fonction chgNature(idNature)

Code:

---

1 2 3 4

function chgNature(idNature) { alert (idNature) ... }

---

Je l'appele de la manière suivante :

Code:

---

<option onclick="chgNature(1)" value="1">Appartement</option>

---

Et pourtant je n'ai pas d'alerte sur IE :roll:

J'ai oublié quelque chose ?

Merci d'avance

Citation:

---

Envoyé par Xenon03

J'ai oublié quelque chose ?

---

Oui, que IE n'implémente pas l'événement click pour les options d'un select ! :mrgreen:

Et mince :mrgreen:

Je vais tester avec un onchange :ccool:

Edit : marche pas mieux :(

onchange, c'est sur le select ;)

OK je vais faire un onChange puis récuperer la valeur de l'option dans la fonction JS :D

Edit : Ca fonctionne:ccool: