selection auto choix multiple

Version imprimable

Salut
je pose mon probleme à la suite de celui ci http://www.developpez.net/forums/sho...d.php?t=374396

je suis aussi confronté a ce probleme de selection de toutes les valeurs d´une deuxieme liste. Mais chez moi je voudrais que la selection s´opere directement quand on fait passer les elements de la liste 1 vers la liste 2.

Or j´essaie d´appliquer cette fonction SelectionneLignes(idListe) ds mon onclick qui elle contient deja la fonction permettant de passer les elements de la liste1 vers la liste 2 et du coup rien ne fonctionne plus (meme le transfert des elements de la liste 1 vers la liste 2)
Code:

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 <SCRIPT LANGUAGE="JavaScript"> function Deplacer(l1,l2) { if (l1.options.selectedIndex>=0) { o=new Option(l1.options[l1.options.selectedIndex].text,l1.options[l1.options.selectedIndex].value); l2.options[l2.options.length]=o; l1.options[l1.options.selectedIndex]=null; }else{ alert("Aucune activité sélectionnée"); } } function SelectionneLignes(idListe) { var objListe = document.getElementById(idListe); for (i=objListe.length-1;i>=0;i--) objListe.options[i].selected=true; } </SCRIPT> <td>{LANG_HOSTGROUPS}</td> <td rowspan="1"> <select name="selHostGroupsliste1" size="4" style="width:200px;">  <option value="{DAT_HOSTGROUPITEM_ID}" {DAT_HOSTGROUPITEM_SEL}>{DAT_HOSTGROUPITEM}</option>  </select> </td> <td> <INPUT type="button" value=">>>" onClick="Deplacer(this.form.selHostGroupsliste1,this.form.elements['selHostGroups[]']);SelectionneLignes(this.form.elements['selHostGroups[]'])"> <BR><BR> <INPUT type="button" value="<<<" onClick="Deplacer(this.form.elements['selHostGroups[]'],this.form.selHostGroupsliste1)"> </td> <TD align="center"> <select name="selHostGroups[]" size="4" multiple id="selHostGroups[]" style="width:200px;"> <option selected value="{DAT_HOSTGROUPITEM_ID}" {DAT_HOSTGROUPITEM_SEL}></option> </SELECT> </TD>

Tel que mon ancien code etait concu, ca marchait tjrs pas.

Je l´ai remodifié et la apres avoir choisi les elements de la liste de gauche et transferé a droite, il faut que je selectione encore moi meme pour que ca soit pris en compte,

J´essaie tjrs sans succes de gerer la selection automatique une fois que les données sont transferées vers la liste de droite (onc des qu´on choisit un element et on clique sur le bouton >>>, il doit le marquer coemme selectionné directement). J´ai pas encore de solution. Quelqu´un peuta -t-il une solution?
Code:

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 SCRIPT LANGUAGE="JavaScript"> function add(l1,l2) { if (l1.options.selectedIndex>=0) { o=new Option(l1.options[l1.options.selectedIndex].text,l1.options[l1.options.selectedIndex].value); l2.options[l2.options.length]=o; l1.options[l1.options.selectedIndex]=null; }else{ alert("nichts wurde gewählt"); } } </SCRIPT> <td>{LANG_HOSTGROUPS}</td> <td rowspan="1"> <select name="selHostGroupsliste1" size="4" style="width:200px;">  <option value="{DAT_HOSTGROUPITEM_ID}" {DAT_HOSTGROUPITEM_SEL}>{DAT_HOSTGROUPITEM}</option>  </select> </td> <td> <INPUT type="button" value=" >>>" onClick="add(this.form.selHostGroupsliste1,this.form.elements['selHostGroups[]'])"> <BR><BR> <INPUT type="button" value="<<<" onClick="add(this.form.elements['selHostGroups[]'],this.form.selHostGroupsliste1)"> </td> <TD align="center"> <select name="selHostGroups[]" size="4" multiple id="selHostGroups[]" style="width:200px;"> <option value="{DAT_HOSTGROUPITEM_ID}" {DAT_HOSTGROUPITEM_SEL}>{DAT_HOSTGROUPITEM}</option> </SELECT> </TD>
MErci

:oops:

voici un exemple pour la selection dans le select d'arrivée ...

Code:

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<html>
<head>
 
<script type="text/JavaScript">
 
function ajout(listeDep){
    var existe = 0;
    if(listeDep.options[listeDep.selectedIndex].value == 0){
    }
    else{
        for(i=1;i< document.getElementById('arrive').length ;i++){
            if(document.getElementById('arrive').options[i].text == listeDep.options[listeDep.selectedIndex].text){
                existe = 1;
            }
            else{
                if(existe == 1){
                    existe = 1;
                }
                else{
                    existe = 0;
                }
            }
        }
        if(existe == 0){
            var option = new Option(listeDep.options[listeDep.selectedIndex].text,listeDep.options[listeDep.selectedIndex].value); 
            option.selected='true'
            document.getElementById('arrive').options[0].text = "votre selection";
            document.getElementById('arrive').options[0].value = 0;
            document.getElementById('arrive').options[(document.getElementById('arrive').length)] = option;
        }
        else{
            alert('Cette option est déjà séléctionnée !!!');
        }
    }
}
function enleve(listeArr){
    if(listeArr.options[listeArr.selectedIndex].value == 0){
    }
    else{
        listeArr.options[listeArr.selectedIndex] = null;
    }
    if(document.getElementById('arrive').options.length == 1){
			    document.getElementById('arrive').options[0].text = "Aucune option n'est sélectionnéé !!!";
          		document.getElementById('arrive').options[0].value = 0;
          		}
}
 
</script>
</head>
 
<body>
<table width='90%'>
    <tr>
        <td>Double cliquez pour selectionner<br />
            <select name='depart' size='5' ondblclick='ajout(this)' style="scrollbar-3dlight-color:red; border: red 1px solid; BACKGROUND-COLOR: #f2f2f2">
                <option value='0'>
               Double clic pour sélectionner un client
            </option>
                <option value='1'>Option 1</option>
                <option value='2'>Option 2</option>
                <option value='3'>Option 3</option>
                <option value='4'>Option 4</option>
            </select>
        </td>
        <td>
            Double cliquez pour effacer la selection<br />
            <select name='arrive' id='arrive' size='5' ondblclick="enleve(this)" multiple style="scrollbar-3dlight-color:red; border: red 1px solid; BACKGROUND-COLOR: #f2f2f2;width:300px">
                <option value='0'>
               Aucune option n'est séléctionnée !!!
            </option>
            </select>
        </td>
    </tr>
</table>
</body>
</html>