Script : Basculer des éléments d'une liste à l'autre
Deux listes, deux boutons pour déplacer les lignes d'une liste à l'autre
Exécution du script
Code source
<HTML><HEAD><TITLE>Tout JavaScript.com - Basculer des éléments d'une liste à l'autre</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><CENTER><BIG><B>Basculer des éléments d'une liste à l'autre</B></BIG></CENTER><BR>Ce script est tiré de la page de conseil "Trucs et Astuces de formulaire" sur <B><A href="http://www.toutjavascript.com" target="_blank">Tout JavaScript.com</A></B><BR>Imaginons que vous deviez choisir des activités parmi une liste proposée (J'ai écrit cette page au mois d'août !) :<BR><BR><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="Planche">Planche à voile</OPTION> <OPTION value="Plongée">Plongée</OPTION> <OPTION value="Jet-Ski">Jet-Ski</OPTION> <OPTION value="Tir à l'arc">Tir à l'arc</OPTION> <OPTION value="Pétanque">Pétanque</OPTION> <OPTION value="Bronzette">Bronzette</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>Activités retenues</B></FONT><BR> <SELECT align=top name="liste2" size=6 style="width:120px"> </SELECT> </TD> </TR></TABLE></FORM><BR></FONT></BODY></HTML><!-- Script développé par Olivier Hondermarck <voir adresse mail sur site> --><!-- D'autres scripts et des conseils sur http://www.toutjavascript.com -->
Troisième édition Tout JavaScript chez Dunod
En savoir plusSortie le 4 janvier 2023
Version papier 29€90
Format électronique 22€99.
Commandez en ligneLe graph des objets JavaScript
Chargement
en cours...
