Bonjour,
Après avoir conçu un custom_post sur "Wordpress , j'ai crée une page d'affichage pour les lister.
Ensuite j'ai collé un script multi-filtre qui fonctionne à merveille tant que la champs à filtré n'a pas plusieurs objet en même temps.
place au script qui me joue des tour:
Category : <select id="categorie">
<option value="">All</option>
<option value="growth">Growth</option>
<option value="mushrooms">Mushrooms</option>
<option value="berries">Berries</option>
<option value="Biomass">Biomass</option>
<option value="carbon accounting">carbon accounting</option>
</select>
Subcategory: <select id="sous-categorie">
<option value="">All</option>
<option value="Process based models">Process-based</option>
<option value="Empirical growth & Yield models">Empirical</option>
</select>
Species : <select id="species">
<option value="">All</option>
<option value="20 main species of Europe">20 main species of Europe</option>
<option value="Abies alba">Abies alba</option>
<option value="Alectoria sarmentosa">Alectoria sarmentosa</option>
<option value="Alnus glutinosa">Alnus glutinosa</option>
<option value="Arbutus unedo">Arbutus unedo</option>
</select>
<--------------------------------------------------- dans le pied de page je colle ------------------------------------------------------------------>
$('select').change(function(){
var valCategorie = $('#categorie').val();
var valSouscategorie = $('#sous-categorie').val();
var valSpecies = $('#species').val();
var dataCategorie = (valCategorie == '') ? '' : '[data-categorie="'+valCategorie +'"]';
var dataSouscategorie = (valSouscategorie == '') ? '' : '[data-sous-categorie="'+valSouscategorie +'"]';
var dataSpecies = (valSpecies == '') ? '' : '[data-species="'+valSpecies +'"]';
$('tr').hide();
$('tr'+dataCategorie+dataSouscategorie+dataSpecies).show();
});
<----------------------------------------------------------mon tableau ------------------------------------------------------->
ma ligne de récupération des champs:
<tr data-categorie="<?php the_field('categoryf'); ?><?php the_field('category2'); ?>" data-sous-categorie="<?php the_field('model-type'); ?>" data-species="<?php the_field('species_(multi_select)3'); ?><?php the_field('species_(multi_select)'); ?>" >
Et comme il peut y avoir plusieurs "species" variétés, cela ne fonctionne pas...
Exemple : <tr data-categorie="growth" data-sous-categorie="Empirical growth & Yield models" data-species="Betula, Picea abies, Pinus sylvestris" >
Voilà j'ai expliqué mon problème, je cherche depuis cette nuit merci
Problème script multi filtre sur un tableau
Re: Problème script multi filtre sur un tableau
Bonjour,
Désolé pour le temps de réponse, ce forum n'est pas très actif pour le moment.
Comment voudrais tu que ton programme fonctionne lorsqu'un élément à lister correspond à plusieurs espèces ?
Si une des espèces correspond à celle qui a été sélectionnée, on affiche l'élément ?
Ou bien faut-il transformer le <select id="species"> en "select multiple" et n'afficher que les éléments dont les espèces correspondent exactement à la liste des espèces sélectionnées ?
Cela dit depuis 1 mois, tu as probablement déjà résolu ton problème, dans ce cas ça peut être sympa de partager tes conclusions/découvertes ici.
Désolé pour le temps de réponse, ce forum n'est pas très actif pour le moment.
Comment voudrais tu que ton programme fonctionne lorsqu'un élément à lister correspond à plusieurs espèces ?
Si une des espèces correspond à celle qui a été sélectionnée, on affiche l'élément ?
Ou bien faut-il transformer le <select id="species"> en "select multiple" et n'afficher que les éléments dont les espèces correspondent exactement à la liste des espèces sélectionnées ?
Cela dit depuis 1 mois, tu as probablement déjà résolu ton problème, dans ce cas ça peut être sympa de partager tes conclusions/découvertes ici.