Discussion :

[makohsarah]

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 :

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
 

<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;"> 
 
<!-- BEGIN hostgroups -->
         <option value="{DAT_HOSTGROUPITEM_ID}" {DAT_HOSTGROUPITEM_SEL}>{DAT_HOSTGROUPITEM}</option>
<!-- END hostgroups -->
 </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="&lt;&lt;&lt;" 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>

[makohsarah]

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 :

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
 
 
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;"> 
 
<!-- BEGIN hostgroups -->
         <option value="{DAT_HOSTGROUPITEM_ID}" {DAT_HOSTGROUPITEM_SEL}>{DAT_HOSTGROUPITEM}</option>
<!-- END hostgroups -->
 </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

[SpaceFrog]

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

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
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>