begin process at 2012 05 29 06:23:34
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Filtre dynamique ...


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Filtre dynamique ...

lundi 4 avril 2005 à 17:00:01 | Filtre dynamique ...

Hector78

Hello !

Je cherche un script me permettant de filtrer dynamiquement des données à l'aide d'une combobox. (ex. liste de membres, filtrer les hommes ou femmes, au final doit s'afficher uniquement les données utiles ici dans l'exemple soit la liste des hommes soit la liste des femmes)

Ca doit être simple, mais je n'arrive pas à le faire, ni à trouver qqch d'intéressant ... Pouvez-vous me donner un coup de main ?

Merci pour votre aide.
Hector
mardi 5 avril 2005 à 02:55:32 | Re : Filtre dynamique ...

GhislainLavoie

Salut!

Est-ce dynamique avec des données qui sont mis a jour a partir du serveur ou elle sont dynamique mais déjà transferer en local par des tableaux (array) javascript ou variable statique contenant du  html?

A+

mardi 5 avril 2005 à 07:39:56 | Re : Filtre dynamique ...

Hector78

Hello !

En fait il n'y a pas de base de données, il faudrait trouver un moyen simple du style tableau html que l'on affiche ou masque selon les besoins. Ou autre proposition simple à mettre à jour.

Merci pour votre aide.
Julien
mercredi 6 avril 2005 à 00:25:56 | Re : Filtre dynamique ...

GhislainLavoie

Salut!

Voici un exemple simple avec des données statiques :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<form action=
"">
<input type=
"checkbox" name="H" value="H" onclick="document.getElementById('homme').style.display=this.checked?'block':'none';">Homme</br>
<input type=
"checkbox" name="F" value="F" onclick="document.getElementById('femme').style.display=this.checked?'block':'none';">Femme</br>
</form>
<table border="1" cellspacing="0" cellpadding="0">
<tr><th>MEMBRES</th></tr>
<tr><td>
<div style=
"display:none;" id="homme">
<table>
<tr><th>Masculin</th></tr>
<tr><td>Alain</td></tr>
<tr><td>Paul</td></tr>
<tr><td>Théo</td></tr>
</table>
</div>
<div style=
"display:none;" id="femme">
<table>
<tr><th>Féminin</th></tr>
<tr><td>Aline</td></tr>
<tr><td>Paulette</td></tr>
<tr><td>Thérèse</td></tr>
</table>
</div>
</td></tr></table>
</body>
</html>

A+, Ghislain

mercredi 6 avril 2005 à 08:42:11 | Re : Filtre dynamique ...

Hector78

Hello !

Merci pour le coup de main c'est preque ça que je veux faire ;-)

Il faudrait juste modifier les checkbox par une combo, mais
je n'y arrive pas. Je pense que l'erreur se situe dans cette
ligne : "this.selected" comment faut il procéder ?

Merci pour votre aide.
Yves

<html>
<head>
<title>Untitled</title>
</head>
<body>
<form action="">

<select name="liste">
 <option name="H" value="H" onclick="document.getElementById('homme').style.display=this.selected?'block':'none';">Homme</option>
 <option name="F" value="F" onclick="document.getElementById('femme').style.display=this.selected?'block':'none';">Femme</option>
</select>


</form>
<table border="1" cellspacing="0" cellpadding="0">
<tr><th>MEMBRES</th></tr>
<tr><td>


<div style="display:none;" id="homme">
<table>
<tr><th>Masculin</th></tr>
<tr><td>Alain</td></tr>
<tr><td>Paul</td></tr>
<tr><td>Théo</td></tr>
</table>
</div>

<div style="display:none;" id="femme">
<table>
<tr><th>Féminin</th></tr>
<tr><td>Aline</td></tr>
<tr><td>Paulette</td></tr>
<tr><td>Thérèse</td></tr>
</table>
</div>


</td></tr></table>
</body>
</html>

jeudi 7 avril 2005 à 01:19:39 | Re : Filtre dynamique ...

GhislainLavoie

Réponse acceptée !
Salut!

Voici quelques ajustement :

<html>
<head>
<title>Untitled</title>
</head>
<body onload=
"document.form.liste.onchange();">
<form name=
"form">
<select name=
"liste" onchange="o=this.selectedIndex;document.getElementById(this.options[o].value).style.display='block';document.getElementById(this.options[(o==0?1:0)].value).style.display='none';">
<option name=
"H" value="homme">Homme</option>
<option name=
"F" value="femme">Femme</option>
</select>
</form>
<table border="1" cellspacing="0" cellpadding="0">
<tr><th>MEMBRES</th></tr>
<tr><td>
<div style=
"display:none;" id="homme">
<table>
<tr><th>Masculin</th></tr>
<tr><td>Alain</td></tr>
<tr><td>Paul</td></tr>
<tr><td>Théo</td></tr>
</table>
</div>

<div style=
"display:none;" id="femme">
<table>
<tr><th>Féminin</th></tr>
<tr><td>Aline</td></tr>
<tr><td>Paulette</td></tr>
<tr><td>Thérèse</td></tr>
</table>
</div>


</td></tr></table>
</body>
</html>

A+, Ghislain

jeudi 7 avril 2005 à 08:11:16 | Re : Filtre dynamique ...

Hector78

Merci c'est exactement ça.
Merci pour le coup de main !

Bonne journée.
Pierre
vendredi 29 juillet 2005 à 04:05:29 | Re : Filtre dynamique ...

lacousine

Source intéressante, mais je me demandais s'il étais possible de créer une autre liste a partir de la première?

exemple :

présentement on a un comobox avec 2 sexes différent .. en cliquant desssus , j'aimerais faire afficher à coté du premier un nouveau combobox avec les données :




Mieux vaut être blonde et poser des questions que de rester ignorante !!!!
jeudi 22 décembre 2005 à 11:21:58 | Re : Filtre dynamique ...

Ramdn

moi aussi je pose la même question,
sinon ça sera pas vraiment utile de faire un filtre simple.

.RAMDN
jeudi 22 décembre 2005 à 14:48:47 | Re : Filtre dynamique ...

lacousine

voici ce que moi j'ai fait :


<select name="Categorie" onchange="changer_liste(this)"> <br>
             <option value="musique" selected>art musical</option> <br>
             <option value="visuel">art visuel</option> <br>
             <option value="scene">art de la scene</option> <br>
</select>

          <select id="musique" name="art_musical"> 
          <option value="0"></option>
           <option value="1">musique ambiance_classique</option>
           <option value="2">musique autre</option>
           <option value="3">musique jazz_blues</option>
           <option value="4">musique pop_rock_urbaine</option>
           <option value="5">musique monde</option>
           <option value="6">musique underground</option>        
           </select>
           
           <select id="visuel" name="art_visuel" style="display:none;">
           <option value="0"></option>
           <option value="1">visuel autre</option>
           <option value="2">visuel peintre</option>
           <option value="3">visuel sculpteur</option>
           </select>
           
           <select id="scene" name="art_de_la_scene" style="display:none;">
           <option value="0"></option>
           <option value="1">scene amuseur public</option>
           <option value="2">scene animation</option>
           <option value="3">scene humour</option>
           </select>    


// Pour ne pas afficher les 3 listes, il faut appeler cette fonction.
 // Elle permet d'afficher la liste demandé ( un peu dynamiquement )

 function changer_liste( list )
 {
     var index = list.selectedIndex;
     var i;
     var sublist;
  
     for (i = 0; i < list.length; i++) 
       {
            sublist = document.getElementById( list.options[i].value );
            sublist.style.display = (i==index)?'block':'none';
     }
 }


Ce code est le copie/coller d'un code que j'ai utilisé cette été et il est fonctionnel. Surement que vous devrez l'adapter pour votre code.


Mieux vaut être blonde et poser des questions que de rester ignorante !!!!


Cette discussion est classée dans : dynamique, données, liste, filtre, filtrer


Répondre à ce message

Sujets en rapport avec ce message

FRAMES!!!!! [ par mimipoussinette ] Bonjour,J'ai deux frames, un "Filtre" et l'autre "Liste"Depuis mon frame "Liste", je souhaite remplir la valeur d'un formulaire du frame "Filtre", au rafraichir un formulaire [ par jeandelatuile ] Bonjour,J'ai un formulaire avec une liste déroulante dynamique et j'ai fait un popup pour ajouter un mot dans la liste via une base de données ! Et j' Liste déroulante et onChange [ par sebalex ] Bonjour à tous,J'ai dans le même formulaire un Select reprenant les données d'une BD ainsi que plusieurs Input Type Texte. Je souhaite que lorsque je Creation liste dynamique php [ par houloul1 ] Bonjour à tous ,et merci d'avoir pris le temps de lire ce message.Mon souci est le suivant :je voudrai qu'apres avoir saisi un code postal cela affich formulaire dynamique [ par refkaben ] Bonjour et meilleurs voeux pour tout monde. Je veux faire un formulaire dont les champs s'ajoute en cliquant sur un bouton.J'ai créé une fonction en j Checkbox et formulaire dynamique [ par petitelarve ] bonjour, Je cherche un moyen d'afficher des liste et  des textearea suite au check sur une checkbox.Par exemble , si on click sur la checkbox Auteur, Liste à choix multiple vers liste [ par nougitch ] Bonjour,Je récupère les données d'une base de données dans une liste à choix multiple.A côté de cette liste à choix multiple, se trouve une autre list Variables: forcer la copie des données [ par Galmiza ] Salut,J'exécute, graçe à document.write(), une série de chaine de caractère sensée créer des images.liste_struct contient alternativement une adresse liste dynamique [ par lenglais2001 ] Mon code javascript d'affichage de liste dynamique ne fonctionne pas sous IE alors qu'il fonctionne sous Firefox!je ne comprends pas pourquoi:var lequ Formulaire dynamique [ par zebu238 ] Bonjour à tous ,et merci d'avoir pris le temps de lire ce message.Mon souci est le suivant :je voudrai qu'apres avoir saisi un code postal cela affich


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 4,228 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales