liste de choix remplie à partir d'une autre.

**don'de** · 12/04/2007, 14h09

Je cherche à faire dans mon formulaire deux listes dont une sera remplie à partir de l'autre avec des bouttons "ajouter" et "supprimer" et des bouttons "haut" et "bas" pour trier les champs dans la 2ème liste.
n'ayant pas des connaissances en JScript ni en Ajax je me demandais si qq un a déjà fait qq chose pareille ou connait un exemple sur internet.

merci.

**SpaceFrog** · 12/04/2007, 14h22

juuuuuuuuuste au dessus ...

http://www.developpez.net/forums/showthread.php?t=598

**don'de** · 12/04/2007, 16h27

très bien merci c cool

il reste à trouver une solution pour trier ma liste.

**SpaceFrog** · 12/04/2007, 16h39

un array ... un sort sur l'array

**don'de** · 12/04/2007, 16h49

oui c vrai, je me suis mal exprimé,
fin il ne s'agit pas d'un tri, mais de deux bouttons "haut" "bas" pour pouvoir ordonner les champs de ma liste de la manière que je souhaite.

**SpaceFrog** · 12/04/2007, 16h56

Ha je vois ...
ben dasn ce cas un petit swap ...

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
77
<HTML>
<script type='text/javascript'>
var Obj=null;
 
function Deplacer(sens){
 if(Obj==null){return false;};
   var OptionSel= Obj.selectedIndex;
 
switch (true){
    case ( Obj.length == -1 & sens==-1):
            					   alert('Pas d\'option à déplacer');
        						   break;
    case(OptionSel== -1):
    								alert('Selectionnez une option à déplacer');
    								break;
	 case(Obj.length==0):
   									alert('Il n\'y a qu\'une option \!');
            						break;
    case(OptionSel== 0 && sens==-1):
    								alert('La première option ne peut être déplacée vers le haut');
    								break;
 
	case(OptionSel== Obj.length-1 && sens==1):
							 		alert('La dernière option ne peut être déplacée vars le bas');
							 		break;
 
 
    case(sens==-1):
                    var moveText1 = Obj[OptionSel-1].text;
                    var moveText2 = Obj[OptionSel].text;
                    var moveValue1 = Obj[OptionSel-1].value;
                    var moveValue2 = Obj[OptionSel].value;
                    Obj[OptionSel].text = moveText1;
                    Obj[OptionSel].value = moveValue1;
                    Obj[OptionSel-1].text = moveText2;
                    Obj[OptionSel-1].value = moveValue2;
                    Obj.selectedIndex = OptionSel-1;
                    break;
 
	case(sens==1):
					   var moveText1 = Obj[OptionSel].text;
                    var moveText2 = Obj[OptionSel+1].text;
                    var moveValue1 = Obj[OptionSel].value;
                    var moveValue2 = Obj[OptionSel+1].value;
                    Obj[OptionSel].text = moveText2;
                    Obj[OptionSel].value = moveValue2;
                    Obj[OptionSel+1].text = moveText1;
                    Obj[OptionSel+1].value = moveValue1;
                    Obj.selectedIndex = OptionSel+1;
                    break;
    }
}
</script>
 
 
 
<BODY>
<FORM>
 
<select name="tag1" id="tag1" size="8" onclick="Obj=this;" style="width:200px;float:left;" >
<option value="0">TEST1</option>
<option value="1">TEST2</option>
<option value="2">TEST3</option>
<option value="3">TEST4</option>
<option value="4">TEST5</option>
<option value="5">TEST6</option>
<option value="6">TEST7</option>
<option value="7">TEST8</option>
</select>
<div style="float:left;"><br/>
<br/>
<input type="button" name="boutMonter" id="boutMonter" value="Monter" onClick="Deplacer(-1);" style="width:80px;color:white;background-color:silver;"/><br/><br/>
<input type="button" name="boutDesc" id="boutDesc" value="Descendre" onClick="Deplacer(1);" style="width:80px;color:white;background-color:silver;"/>
</div>
</FORM>
</BODY>
</HTML>

liste de choix remplie à partir d'une autre.

JavaScript

Vue hybride

Discussions similaires

Partager

Partager