Exercice Javascript : Les listes

Aller en bas

Exercice Javascript : Les listes

Message  Admin le Mer 23 Avr - 13:01

Enoncé

Basculer des éléments d'une liste à une autre.
Exemple


Solution

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Basculer des éléments d'une liste à l'autre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function deplacer(liste1,liste2)
{
   ind = liste1.options.selectedIndex;
   if (ind==-1)
      alert("Veuillez sélectionner un élément ! ");
   else
   {
      elt = new Option(liste1.options[ind].text,liste1.options[ind].value);
      taille = liste2.options.length;
      liste2.options[taille] = elt;
      liste1.options[ind] = null;
   }   
}
</script>
</head>

<body>
<form name="f" action="" method="post">
<table width="200">
<tr>
<td>
<select name="gauche" size="5">
<option>Ford</option>
<option>Peugeot</option>
<option>Seat</option>
<option>Fiat</option>
<option>Renault</option>
</select>
</td>
<td>
<p><input type="button" onClick="deplacer(f.gauche,f.droite)" name="ajout" value=">>"></p>
<p><input type="button" onClick="deplacer(f.droite,f.gauche)" name="suppr" value="<<"></p>
</td>
<td>
<select name="droite" size="5"></select>
</td>
</tr>
</table>
</form>
</body>
</html>


_________________
LA SIMPLICITE EST LE SECRET DE L'ELEGANCE
avatar
Admin
Admin

Messages : 72
Date d'inscription : 24/10/2007

Voir le profil de l'utilisateur http://4eme-si.forumpro.fr

Revenir en haut Aller en bas

Re: Exercice Javascript : Les listes

Message  sana le Jeu 24 Avr - 20:54

SVP Mr,vous pouvez m'envoyer le N°serie de Dreamweaver MX

sana

Messages : 11
Date d'inscription : 25/10/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum