IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Liste déroulante multiple


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre expérimenté
    Homme Profil pro
    Responsable des études
    Inscrit en
    Mars 2007
    Messages
    267
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Responsable des études
    Secteur : Transports

    Informations forums :
    Inscription : Mars 2007
    Messages : 267
    Par défaut Liste déroulante multiple
    Bonjour a tous, j'ai posté dans le forum php mais finalement on m'a renvoyé ici (ce que je redoutais le plus d'ailleur lol)

    Voila mon problème :
    Comment avoir une liste déroulante, ou le client peut effectuer des choix multiple sans avoir besoin d'effectuer un clic droit ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    echo"
    	<td> 
            	<select name='Lsante' multiple='multiple' size='3'>";
     
    		echo"<option  value=-1></option>";
                    while($RS=mysql_fetch_array($reqSanteExe))
            	{
                    extract($RS);
                       if($Code_action_accompagnement<>"")
                        	echo"<option value='$Lib_action_accompagnement'>$Lib_action_accompagnement";
                    }
                    echo"</select>
    	</td>
    Voila ma liste... des suggestions ?

  2. #2
    Membre confirmé
    Inscrit en
    Février 2007
    Messages
    156
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 156
    Par défaut salut
    que veut tu dire par choix multiples ? que veux tu faire exactement ?

  3. #3
    Membre expérimenté
    Homme Profil pro
    Responsable des études
    Inscrit en
    Mars 2007
    Messages
    267
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Responsable des études
    Secteur : Transports

    Informations forums :
    Inscription : Mars 2007
    Messages : 267
    Par défaut
    Excusez moi je reprend
    J'affiche une liste deroulante ou l'utilisateur peut choisir plusieur ligne exemple:

    1 : Banane
    2 : Poire
    3 : Chocolat
    4 : Citron

    L'utilisateur peut par exemple choisir la banane (simple clic dessus), le chocolat (simple clic aussi).
    Le problème est qu'avec se type de liste déroulante l'utilisateur doit rester appuyer sur le touche ctrl pour effectuer ses choix.

    Je voudrais qu'il puisse cliquer sur plusieur ligne de la liste (clic succésif) sans avoir a maintenir la touche ctrl, je ne sais pas si cela est faisable.


    Ps : Désolé pour l'orthographe, j'essaye de faire de mon mieu...

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    ça doit être réalisable avec un petit script ...
    genre basculer les selctions dasn un array puis afficher les selections en fonction de l'array ???
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre expérimenté
    Homme Profil pro
    Responsable des études
    Inscrit en
    Mars 2007
    Messages
    267
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Responsable des études
    Secteur : Transports

    Informations forums :
    Inscription : Mars 2007
    Messages : 267
    Par défaut
    J'ai pas tout compris, tu voudrais que j'affiche dans un tableau ma selection ? ou que j'affiche directement les choix possible dans un tableau?

    j'ai l'impression de me repeter là... pas sur d'etre clair... mais je doute d'avoir suivi ta pensé SpaceFrog...

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Essaye ça et dis moi si c'est ce que tu voulais ...:

    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
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    <script type='text/javascript'>
    tabsel=new Array();
     
    function foo(a){
     
    	setTimeout(function(){
        if(tabsel.join('').indexOf(a.selectedIndex)>-1){
        				tabsel.splice(tabsel.join('').indexOf(a.selectedIndex),1)}
    	 else{tabsel.push(a.selectedIndex)}
     
     
         for(i=0;i<document.getElementById('mysel').options.length;i++){
         	document.getElementById('mysel').options[i].selected=false}
     
     
        for(i=0;i<tabsel.length;i++){
        document.getElementById('mysel').options[tabsel[i]].selected=true
        }
     
     
    	 },100)
     }
    </script>
     
     
    </head>
     
    <body>
    <select id='mysel'  onclick="foo(this)" size="5" multiple >
    <option >chocolat</option>
    <option>banane</option>
    <option>fraise</option>
    <option>citron</option>
    <option>pistache</option>
    </select>
    </body>
    un click selectionne, un second clic déselectionne ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. liste déroulante multiple
    Par lbar012001 dans le forum IHM
    Réponses: 0
    Dernier message: 26/11/2007, 15h09
  2. [SQL] Liste déroulante multiple et requête SQL
    Par laetiheu dans le forum PHP & Base de données
    Réponses: 4
    Dernier message: 28/08/2007, 14h32
  3. Liste déroulante multiple
    Par Sam 069 dans le forum IHM
    Réponses: 4
    Dernier message: 22/02/2007, 13h48
  4. Liste déroulante multiple : scroller jusqu'à l'option sélectionnée
    Par Djakisback dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 05/02/2007, 14h35
  5. liste déroulante multiple
    Par laurent jarry dans le forum Access
    Réponses: 1
    Dernier message: 25/07/2006, 13h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo