Saisie et affichage d'une couleur

Commenter

Contenu du snippet

Dans le cadre d'un formulaire HTML, vous devez demander à l'utilisateur de saisir une couleur en hexa (ex: FF00FF).
Afin de lui faciliter la tache, on va lui afficher en temps reel le résultat de sa saisie

Source / Exemple : 


<html>
 <head>
  <title> Saisie de couleur</title>
 </head>
 <body>
 
 
 	<script language="Javascript">
 	
 		// mise en place de la couleur
		function setColor ()  {			
		    var reg = /[0-9a-fA-F]{6}/
		    
		    // verification: couleur valide? 
			if (reg.test(document.form.color.value))
	  			document.getElementById('couleur').style.backgroundColor = document.form.color.value ;
	  			
	  		// sinon fond blanc
	  		else
	  			document.getElementById('couleur').style.backgroundColor = 'FBFBFB' ;
		} 
		
		// initialisation
		setColor() ;
  	</script>	
 
  	<form name="form">  
 		<p id="couleur"> 
 			Couleur 
 			<input onkeyup="setColor()" maxlength="6" type="text" name="color" size="5" value="EDAAAA"/>  
 		</p>
 	</form>
 
 </body>
</html>

Conclusion :


Voila...

C'est mon premier code, alors soyez indulgent ;-).
Testé uniquement sous IE, y a même beaucoup de chance que ca marche pas ailleurs à cause du style...

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (Endymion222)