Discussion :

[Pierrick81]

Bonjour à tous,

Je suis entrain de développer un site web, et je souhaiterai mettre en place des filtres du même style que sur Seloger.com
Exemple : http://www.seloger.com/immobilier/ac...n-appartement/

Les filtres qui m'intéressent sont les filtres :
- Surface avec une barre de défilement et/ou la possibilité de saisir les valeurs manuellement.
-Type de bien avec les cases à cocher

Ce que j'aime bien sur SeLoger c'est l’exécution en instantané du filtre.
On coche une case, et sans avoir besoin de valider, le filtre se met en place.

Est-ce que ce type de filtre existe avec Jquery par exemple ?
Merci d'avance.
P.

[NicoL__]

En jQuery tu trouveras un slider qui est permet de représenter le même genre de composant.
Après il faut faire de l'ajax pour recharger le centre de la page avec les résultats filtrés.

[Pierrick81]

Désole pour la longueur de mon retour...

Je ne sais pas quoi chercher, car quand je cherche curseur, je tombe sur le curseur de la souris.
Ce qui m'interesse est vraiment de pouvoir filtrer des DIV en modifiant le curseur représentant le prix de ces DIV.
Avez-vous un lien à m'envoyer?
Merci d'avance.
P.

[Immobilis]

Salut,

Je ne sais pas quoi chercher, car quand je cherche curseur, je tombe sur le curseur de la souris.
Ce qui m'interesse est vraiment de pouvoir filtrer des DIV en modifiant le curseur représentant le prix de ces DIV.

Filtrer des DIV?? Qu'est-ce que cela veut dire? Tu cherches "curseur"?

Ce que j'aime bien sur SeLoger c'est l’exécution en instantané du filtre.
On coche une case, et sans avoir besoin de valider, le filtre se met en place.

Comme dit NicoL__, le fait que la page se mette à jour après chaque action de l'internaute est due au Javascript (AJAX = Asynchronous Javascript and XML).

Par ailleurs, attention de ne pas se méprendre. Ce que tu vois sur ce site marchand n'est pas qu'un simple filtrage. La rapidité avec le site réagit repose sur la technologie de navigation par facette et l'indexation des produits.

A+

[DonQuiche]

Bonsoir.

Pour clarifier un peu :
* Les réglettes, ou "barre de défilement" comme tu les appelles sont appelées "slider"
* Les cases à cocher sont... et bien des checkboxes. Ou radio buttons.

Ça c'était pour les widgets, qu'on peut trouver tout fait ici ou là. Pour la logique derrière (envoie de requête correspondant aux filtres choisis, récupération asynchrone des résultats, mise à jour de la page), il faut tout faire à la main pour ainsi dire, même si on peut trouver deux ou trois fonctions ici ou là pour simplifier un petit peu.