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



RSS RSS Feed

You too, please publish your useful code snippets in any programming language :
write an article !


Valid HTML 4.0 Transitional

Plateforme d'envoi de gros fichiers en ligne
Dépannage site web
Blog infogérance
Hébergement e-mail

Aurélie Dufour - - 19/03/2008 - vue 2198 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 : what animal is visible on this picture ? :

Nos partenaires : iPhone 8 Cases & Protection