Je cherche son nom

deponton Messages postés 24 Statut Membre -
prosthetiks Messages postés 1309 Statut Membre - 17 mars 2011 à 15:43

Bonjour,

J'aimerai faire ceci mais avec du hmtl ou javascript.Je ne sais pas comment ça s'appelle.Donc ce que j'attend de vous,c'est un tuto qui me permettra de le faire.
En effet,j'aimerai dans la partie de gauche,afficher tous les emails présent dans ma base de données,et à droite les emails sélectionnés afin que j'envoi un mail.
mais bon,ce dont j'ai besoin,c'est le tuto pour réaliser les deux blocs.

merci d'avance pour vos aides.

Afficher la suite

3 réponses

prosthetiks Messages postés 1309 Statut Membre 431

Hello !

Essaye ça:

<html>
<head>
	<style type="text/css">
		.multiList{width:100px;}
		#selectBox ul{margin:0; padding:0}
		#selectBox li{list-style:none;}
	</style>
	<script type="text/javascript">
		function addOption(sens){
			if(sens == 1){
				var source = document.getElementById('source');
				var target = document.getElementById('target');
			}else{
				var source = document.getElementById('target');
				var target = document.getElementById('source');
			}
			var index = source.selectedIndex;
			var text = source.options[index].text;
			var option = document.createElement("option");
			option.text = text;
			target.appendChild(option);
			source.removeChild(source.getElementsByTagName('option')[index]);
		}
	</script>
</head>
<body>
	<table id="selectBox">
		<tr rowspan="3">
			<td>
				<select class="multiList"  id="source" name="Nom" size="10">
				  <option>1</option>
				  <option>2</option>
				  <option>3</option>
				  <option>4</option>
				  <option>5</option>
				  <option>6</option>
				  <option>7</option>
				</select>
			</td>
			<td>
				<ul>
					<li>
						<input type="button" value="<" onclick="addOption(0);"/>
					</li>
					<li>
						<input type="button" value=">" onclick="addOption(1);"/>
					</li>
				</ul>
			</td>
			<td>
				<select class="multiList" id="target" name="Nom" size="10">
				</select>
			</td>
		</tr>
	</table>
</body>
</html>

Réponse 2 / 3
deponton Messages postés 24 Statut Membre

Merci!
J'ai testé,mais quand j'envoi les données qui sont dans la partie gauche vers la partie droite,ça ne s'affiche pas dans la partie de droite.
0
Réponse 3 / 3
prosthetiks Messages postés 1309 Statut Membre 431

Effectivement, problème sous IE...
0

Je cherche son nom

3 réponses

Discussions similaires

Newsletters