Je cherche son nom

Fermé
deponton Messages postés 21 Date d'inscription lundi 22 mars 2010 Statut Membre Dernière intervention 3 mai 2012 - 17 mars 2011 à 13:40
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 - 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.



3 réponses

prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
17 mars 2011 à 14:14
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>
0
deponton Messages postés 21 Date d'inscription lundi 22 mars 2010 Statut Membre Dernière intervention 3 mai 2012
17 mars 2011 à 15:37
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
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
17 mars 2011 à 15:43
Effectivement, problème sous IE...
0