Réalisation d'un composant dual ListBox

**stefsas** · 05/06/2010, 17h57

Bonjour,

Je voudrais intégrer dans mon application une sorte de dual listBox sous la forme de deux zones ou je pourrais passer des éléments d'un côté et de l'autre à l'aide de boutons.

Je voulais savoir si quelqu'un connait un site intéressant ou un tuto sur la mise en place de cela. J'ai chercher sur internet mais je n'ai rien trouvé d'extraordinaire.

Merci.

**SpaceFrog** · 05/06/2010, 19h38

et si au lieu de l'appeler dual listbox tu l'appelais liste deroulantes liées ^^

rien de bien compliqué il suffit d'appender l'option selectionnée dans l'autre select (fonction d'un ligne) ...

ça ressemblerait à ça ?
là je le fait direct sur le doubleclick mais on peut passer pas des boutons ...
on peut egalement trier pour conserver l'ordre si necessaire

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Nouvelle page 1</title>
<script charset="utf-8" type='text/javascript'>
function foo(obj,dest){
document.getElementById(dest).appendChild(obj.options[obj.selectedIndex])
}
</script>
</head>
<body>
<select ondblclick="foo(this,'two')" id="one" size="5" style="width:80px;">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
<select ondblclick="foo(this,'one')" id="two" size="5" style="width:80px;">
</select>
</body>
</html>

**javatwister** · 06/06/2010, 11h06

et sans boutons, c'est sympa aussi!

http://javatwist.imingo.net/dragdrop.htm

Réalisation d'un composant dual ListBox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager