Transfert d'une liste à l'autre avec contrôle

Transfert d'une liste à l'autre avec contrôle

Messagede quentinmontana le Jeu 3 Juil 2008 23:15

Gére les transferts de lignes entre 2 listes, sur double-clic. Contrôle préalable de présence de la ligne transférée dans la liste de destination. Possibilité d'afficher (ou pas) un message si la ligne est déjà présente.
(Désolé pas testé sous Moz ni NS)
Compatible FF 1.0.6


Le code :


Entre <HEAD> et </HEAD> :

Code: Tout sélectionner
<script language="Javascript">
// Transfert une ligne de la liste Origine à la liste Destination
function TransfertListe(idOrigine, idDestination)
{   var objOrigine = document.getElementById(idOrigine);
   var objDestination = document.getElementById(idDestination);
   if (objOrigine.options.selectedIndex<0) return false;
   if (VerifValeurDansListe(idDestination, objOrigine.options[objOrigine.options.selectedIndex].value, true)) return false;
   var ADeplacer = new Option(objOrigine.options[objOrigine.options.selectedIndex].text, objOrigine.options[objOrigine.options.selectedIndex].value);
   objDestination.options[objDestination.length]=ADeplacer;
   objOrigine.options[objOrigine.options.selectedIndex]=null;
}

// Vérifie la présence de Valeur dans IdListe
function VerifValeurDansListe(IdListe, Valeur, blnAlerte) {
   var objListe = document.getElementById(IdListe);
   for (i=objListe.length-1;i>=0;i--) if (objListe.options[i].value == Valeur) {if (blnAlerte) alert('Déjà présent.'); return true;}
   return false;
}
</script>


Entre <BODY> et </BODY> :

Code: Tout sélectionner
<select name="la_liste_1" id="la_liste_1" style="width:100px;" size=10 ondblclick="TransfertListe('la_liste_1','la_liste_2');">
   <option value="1">Un</option>
   <option value="2">Deux</option>
   <option value="3">Trois</option>
   <option value="4">Quatre</option>
   <option value="5">Cinq</option>
   <option value="6">Six</option>
   <option value="7">Sept</option>
   <option value="8">Huit</option>
</select>
&nbsp;&nbsp;
<select name="la_liste_2" id="la_liste_2" style="width:100px;" size=10 ondblclick="TransfertListe('la_liste_2','la_liste_1');">
   <option value="2">Deux</option>
   <option value="6">Six</option>
</select>
quentinmontana
 
Messages: 32
Inscription: Mar 17 Juin 2008 16:16


Retourner vers Languages du web

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron