Bonjour,
je suis nouvelle en javascript.
J'ai trouvé ce code sur le net et je voulais le changer, pour pouvoir: Basculer un ou plusieurs éléments d'une liste à l'autre et savoir la valeur de/des element(s) basculé dans la 2 liste pour mon select. Mais je n'y parvient pas depuis une semaine.
J'ai 2 questions :
1. S'il vous plait quelqu'un peut-il m'aider à changer ce code de maniere qu'un utilisateur puisse basculer un ou plusieurs elements à la fois ?
2. Comment avoir la valeur (value) des elements qui ont éte basculé dans la deuxieme liste ? Pardon j'ai besoin de savoir quels sont les Elements que l'utilisateur à choisi pour pouvoir faire un select dans ma base de donné.
Merci d'avance pour votre aide
hl
<HTML>
<HEAD>
<TITLE>Tout JavaScript.com - Info Bulle DHTML</TITLE>
<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");
}
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFFFFF">
<FONT FACE="Arial" SIZE='-1' COLOR="#000099">
<CENTER><BIG><B>Basculer des éléments d'une liste à l'autre</B></BIG></CENTER>
<FORM name="formulaire">
<TABLE><TR>
<TD align="center"><B><FONT size="2">Activités proposées</FONT></B><BR>
<SELECT align=top name="liste1" size=6 style="width:120px">
<OPTION value="100">Allemagne</OPTION>
<OPTION value="101">Autriche</OPTION>
<OPTION value="102">Espagne</OPTION>
<OPTION value="103">France</OPTION>
<OPTION value="104">Italie</OPTION>
<OPTION value="105">Le reste du monde</OPTION>
</SELECT>
</TD>
<TD align="center">
<INPUT type="button" value="Ajouter >>>" onClick="Deplacer(this.form.liste1,this.form.liste2)">
<BR><BR>
<INPUT type="button" value="<<< Enlever" onClick="Deplacer(this.form.liste2,this.form.liste1)">
</TD>
<TD align="center"><FONT size="2"><B>Pays retenus</B></FONT><BR>
<SELECT align=top name="liste2" size=6 style="width:120px">
<OPTION value="10">----------------------</OPTION>
</SELECT>
</TD>
</TR></TABLE>
<SCRIPT language="javascript">
// Astuce pour Netscape qui ne supporte pas style="width:100"
// Donc : création d'une ligne pour initialiser la largeur puis suppression par ce javascript
document.formulaire.liste2.options.length=0;
</SCRIPT>
</FORM>
<BR>
</FONT></BODY></HTML>
