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, this et onclick!


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Janvier 2013
    Messages
    36
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2013
    Messages : 36
    Points : 21
    Points
    21
    Par défaut Liste, this et onclick!
    Bonjour à tous, alors voila mon petit soucis, comme dit précédemment, je suis limité en connaissance sur le js... et j'aimerais faire un espèce de "tampon" en gros, j'ai 3 listes, donc une avec des élément dedans(<select><option>etc...) j'aimerais faire un double clic sur un élément de la liste, et le placé dans la liste de mon choix par un autre double clic, mon soucis étant, que je ne sais pas comment faire pour que mon clic identifie ma liste ?

    Pour l'instant j'ai :
    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
     function recup(selectId) {
        	//On récupère le text, et l'id de l'élément sélectionné.
    	var selectElmt = document.getElementById(selectId);
    	text=selectElmt.options[selectElmt.selectedIndex].text;
    	 return value=selectElmt.options[selectElmt.selectedIndex].value;
     
    }
     
    function utils1 () {
           var selectValue = recup('tab1');  
           document.getElementById('tab2').innerHTML += "<option value="+selectValue +">"+text+"<br/></option> " 
           //Suppression de l'élément qu'on à déplacé dans sa liste
           var options = document.getElementById ("tab1" ).options;
      	   var i = 0;
           while (options[i].value != selectValue )
           i++;
           options[i].parentNode.removeChild (options[i]);
         }
    Ce qui me permet de déplacer l'élément de la liste une dans la liste deux. Et ma fonction recup('tab1') à une valeur définis tout comme document.getElementById('tab2').innerHTML, j'aimerais que cette valeur soit le clic dans la liste choisis comment faire ?

    Cordialement

  2. #2
    Membre à l'essai
    Profil pro
    Inscrit en
    Janvier 2013
    Messages
    36
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2013
    Messages : 36
    Points : 21
    Points
    21
    Par défaut
    J'ai trouvé la solution pour récupérer l'id de la liste de l'élément sélectionné, et la solution pour récupérer l'id de la liste dans laquel je veux le déposer, mais le soucis maintenant est :"TypeError: selectElmt.options[selectElmt.selectedIndex] is undefined
    [Stopper sur une erreur]

    text=selectElmt.options[selectElmt.selectedIndex].text;"


    Mon code :
    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
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    	<script>
     
    var D;
    D=0
    var value,test;
    test=1;
    var options
    var text, value
        	value=""
        	text=""
    function plus()  
     
    {  
    D=D+1
    document.getElementById('tab2').innerHTML += "<option value="+D+">Chien <br/></option> " 
     
    } 
        function recup(selectId) {
     
        	//On récupère le text, et l'id de l'élément selectionné.
    	var selectElmt = document.getElementById(selectId);
    	text=selectElmt.options[selectElmt.selectedIndex].text;
    	 return value=selectElmt.options[selectElmt.selectedIndex].value;
     
     
     
    }
     function del (id) {
           var selectValue = recup(id);  
           //Supression de l'élément qu'on à déplacé dans sa liste
            options = document.getElementById (id).options;
           var i = 0;
           while (options[i].value != selectValue )
           i++;
           options[i].parentNode.removeChild (options[i]);
     
         }
         function depose(id){
    	a=text
    	b=value
    	alert(id)
    	       document.getElementById(id).innerHTML += "<option value="+b+">"+a+"<br/></option> " 
     
    }    
    function choix(id){
    recup(id)
    	if(test=1){
    		alert(id)
     
    		del(id)
    		test=0
    	}
    	else
    	{
    		depose(id)
    		test=1
    	}
    }
     
     
    	</script>

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Janvier 2013
    Messages
    36
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2013
    Messages : 36
    Points : 21
    Points
    21
    Par défaut
    Il semblerait que le post ne servent à rien, j'ai trouvé la solution par hasard et ça semble logique maintenant...
    Bonne journée!

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

Discussions similaires

  1. Ajout d'une ligne de 2 liste deroulantes dynamique onclick
    Par italiano1360 dans le forum Zend Framework
    Réponses: 1
    Dernier message: 16/07/2012, 13h56
  2. Réponses: 0
    Dernier message: 22/04/2008, 17h06
  3. [PHP-JS] onclick sur une liste déroulante
    Par toma03 dans le forum Langage
    Réponses: 12
    Dernier message: 07/12/2007, 14h24
  4. Evenement onclick pour plusieurs listes
    Par martoune dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 28/06/2007, 17h15
  5. Réponses: 7
    Dernier message: 24/01/2007, 22h54

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