DevKB
Web Development Knowledge Base
HOME | TOP 20 | WRITE AN ARTICLE |
Sections :


RSS RSS Feed

Vous aussi, aidez les autres développeurs, publiez vos bouts de codes utiles et vos liens préférés ...
Publiez un article !


Valid HTML 4.0 Transitional

Plateforme d'envoi de gros fichiers en ligne
Script PHP de boutique en ligne
Mondes virtuels gratuits en 3D

Aurélie Dufour - - 19/03/2008 - vue 294 fois

Formulaire validé automatiquement en Javascript

Ce formulaire est validé automatiquement dès qu'on choisit une option dans la liste déroulante, et une deuxième fenêtre s'ouvre avec le site choisi :

<script type="text/javascript">
function rediriger()
{
	var site = document.getElementById('liste').value;
	
	switch(site)
	{		
		case '1':
		var page='http://www.google.com/';
		break;
		
		case '2':
		var page='http://www.msn.fr/';
		break;
		
		case '3':
		var page='http://www.yahoo.com/';
		break;
	}
	
	window.open(page);

}
</script>

<h2>Ouvrir un site dans une nouvelle fenêtre</h2>
 
	Consulter le site :	
	<form action="formulaire.html" method="POST">
			<select onChange="this.form.submit();rediriger();" id="liste">
				<option value="vide"></option>
				<option value="1">Google</option>
				<option value="2">MSN</option>
				<option value="3">Yahoo</option>
			</select>
	</form>

Lorsque l'utilisateur choisit une option dans la liste proposée, this.form.submit() valide l'envoi du formulaire vers formulaire.html dans la fenêtre courante, et rediriger() s'occupe d'ouvrir une nouvelle fenêtre selon le choix fait par l'utilisateur.




Write a comment :
Your name :     E-mail (optional) :

AntiSpam : please write the result of 507 x 303 =