Exercice Javascript : Les listes
2 participants
FORUM 4 INFO :: Disciplines :: TIC
Page 1 sur 1
Exercice Javascript : Les listes
Enoncé
Basculer des éléments d'une liste à une autre.
Solution
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>
Re: Exercice Javascript : Les listes
SVP Mr,vous pouvez m'envoyer le N°serie de Dreamweaver MX
sana- Messages : 11
Date d'inscription : 25/10/2007
Sujets similaires
» Javascript : Exercice n° 1 page 112
» Javascript : Exercice n° 2 page 112
» Javascript : Exercice n° 3 page 112
» Javascript : Exercice n° 4 page 112
» Javascript : Exercice n° 5 page 113
» Javascript : Exercice n° 2 page 112
» Javascript : Exercice n° 3 page 112
» Javascript : Exercice n° 4 page 112
» Javascript : Exercice n° 5 page 113
FORUM 4 INFO :: Disciplines :: TIC
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|