Pallette de couleur

Commenter

Contenu du snippet

Palette en javascript avec recuperation dans un text area ,copie dans le presse papier par un bouton.

Source / Exemple : 


<html>
<head>
<Script>
function copyToClipboard() {
	var txt = document.getElementById('color').value;
		      document.getElementById('tFullText').value = txt;
	var fullText = document.forms['fText'].elements['tFullText'];

	fullText.focus();
	var textRange = fullText.createTextRange();
	textRange.execCommand("Copy");
}
function Test(valeur)
{
	document.form.hexval.value = ('[color=')+valeur+(']votre texte ici/color');
}
function palette() { 
document.write("<center><font class=msg><B>Palette de couleurs</b></FONT></center><br>"); 
document.write("<center><TABLE border='0' cellpadding='0' cellspacing='0' bordercolor='#000000' ><TR>"); 
var h=new Array('00','33','66','99','CC','FF'); 
var col=""; 
for(var i=0;i<6;i++) { 
for(var j=0;j<6;j++) { 
for(var k=0;k<6;k++) { 
col="#"+h[i]+h[j]+h[k]; 
document.write("<TD width='8' height='8' bgcolor='"+col+"'><a href='#' onClick=\"Test('"+col+"');return false\">O</a></TD>"); 
} 
} 
document.write("</tr>"); 
} 
document.write("</TABLE></center>"); 
} 
</script>

<title>palette</title>
</head>
<body>

<SCRIPT language='JavaScript'>palette();</SCRIPT>

<div align='center'><form name='form' method='post'>
	<textarea type='text' name='hexval' id='color' cols='40' rows='2'></textarea>
	<input type='button' onClick='copyToClipboard()' value='Copier' ></form>
	<div align='center'><font class=s9><B>Choisissez Votre Couleur dans la palette puis Clicquez <br>sur Copier pour l'inserer dans le presse papier<br>Vous n'avez plus qu'a coller le code dans le Formulaire du Forum. </b></FONT><br><font class=msg>La Fonction Copier ne marche pas sous Mozilla et Netscape</FONT></div><br></div><form name='fText'>
	<textarea id='tFullText' style='position: absolute; top: -1000; left: -1000;'></textarea>
</body>
</html>

Conclusion :


Seul probleme la fonction copier ne fonctionne pas sou Netscape, Mozilla/firefox.

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.