Retourner à la page d'accueil de TJS
Ce script est déclaré obsolète. Il n'est conservé que pour information.

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 - Info Bulle DHTML</TITLE><SCRIPT LANGUAGE="JavaScript">//D'autres scripts sur http://www.toutjavascript.com//Si vous utilisez ce script, merci de m'avertir !  < <voir adresse mail sur site> >    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><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>Cécessite des versions 4 et + de Netscape ou Internet Explorer.<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">        <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><!-- Script développé par Olivier Hondermarck  <voir adresse mail sur site> --><!-- D'autres scripts et des conseils sur http://www.toutjavascript.com -->

Chercher une fonction, un objet, ...

Le graph des objets JavaScript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 23/01/2018 16:34:27 sur php7 en 41.18 ms