Discussion :

[lda75]

(une ou un checkbox ?)

Bonjour,

Je tente depuis plusieurs jours de mettre en place un système de tri grâce à des checkbox. L'idée est que j'ai plusieurs mot-clefs, qui peuvent appartenir à des groupes de mots différents.
J'affiche des documents qui peuvent avoir plusieurs de ces mot-clefs, et suivant qu'on coche ou décoche les checkboxs, je fais un hide ou un show.

Comme ce que je raconte doit être incompréhensible, voilà un petit schéma :



J'y arrive lorsque j'ai un seul mot par doc, mais comment faire lorsqu'il y en a plusieurs? J'en suis là pour le moment :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function chk(id) {
	$('.mot' + id).toggle('slow', function() {
 
	$("input[type='checkbox']:checked").each(
		function() {
 
                       /* C'est ici que je bloque : comment vérifier que si un second mot lui est toujours coché, il faut laisser le document affiché */
 
		});
 
 	});

En fait c'est surtout comment récupérer les id des chkbox toujours cochés qui me pose problème…

Voilà, si quelqu'un pouvait au moins m'expliquer la méthode, ce serait vraiment vraiment cool… Merci !

[lda75]

plutôt que de ré-inventer la roue, j'ai finalement utilisé isotope.js avec la config suivante :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
$(function(){  
 
  var $container = $('#container'),
      $checkboxes = $('.filter input');
 
  $container.isotope({
    itemSelector: '.item'
  });
 
  $checkboxes.change(function(){
    var filters = [];
    $checkboxes.filter(':checked').each(function(){
      filters.push( this.value );
    });
    filters = filters.join(', ');
    $container.isotope({ filter: filters });
  });
 
});