Discussion :

[Xenon03]

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

[numew]

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

Code :

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

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

[Xenon03]

J'ai essayé mais ca ne fonctionne pas

Ma case a cocher :

Code :

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

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

value='1'>

Ma fonction :

Code :

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

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

[Xenon03]

Je viens de faire cela:

Code :

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

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

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

Mais si je met

Code :

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

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)

[Bovino]

Code :

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

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

[Bovino]

Et :

Code :

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

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

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

[Xenon03]

Merci beaucoup ca fonctionne

[numew]

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"