Jump to content

[Help] Petit coup de main avec JavaScript


Recommended Posts

Hello les INpactiens !

Je suis en train de développer un site web pour une petite agence immobilière, et je rencontre des difficultés de conception.

Je voudrais afficher une liste des biens disponibles à la location (ça, ça marche sans souci) et pouvoir les filtrer à la volée (donc sans rechargement de page) en fonction de leur catégorie (Appartement, Maison, ...), de leur nombre de pièces, de la surface, etc. J'ai donc positionné une section exprès dans ma page avec les éléments de formulaire nécessaires (checkbox, etc) sauf que je galère à gérer la partie JavaScript.

Dans l'idée, je voudrais partir sur quelque chose du style :

$(document).ready(function() {
	// Gestion de la checkbox catégorie Appartement
	$('#chk_apt').change(function() {
		$("[data-categorie=Appartement]").toggle(300);
		...
	});
});

Sauf que bon, quand j'ai un seul filtre, ça va... quand j'en ai plusieurs, bah ça commence à se corser ... 🤩

Comment est-ce que vous feriez ça vous ?

 

Link to comment
Share on other sites

Plusieurs solutions bien sûr:

  • Par convention de nommage: changer l'id de #chk_apt à #chk_Appartement et enlever #chk_ du $(this).Id()
  • Par data-attributes sur les checkbox: ajouter des balises data-togglefilter="Appartement" sur les checkbox et dans le gestionnaire d'évènement, le récupérer par $(this).data("togglefilter")
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...