Pallette de couleur

Soyez le premier à donner votre avis sur cette source.

Snippet vu 9 684 fois - Téléchargée 29 fois

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

Ajouter un commentaire Commentaires
Messages postés
89
Date d'inscription
mercredi 9 mars 2005
Statut
Membre
Dernière intervention
7 novembre 2005

Merci, Arto_8000, maintenat c marche sous IE!
Messages postés
105
Date d'inscription
lundi 16 février 2004
Statut
Membre
Dernière intervention
28 août 2005

nikel Arto_8000
10/10il marche meme sous firefox
Messages postés
1044
Date d'inscription
lundi 7 mars 2005
Statut
Membre
Dernière intervention
13 juillet 2010
7
Pour Romain128 il y a effectivement un problème pour l'affichage dans le textarea. Bon j'ai modifié un peu son code et j'ai enlever des choses inutiles (les div remplacer par des <CENTER>). Voici mon résultat il fonctionne bien :

<HTML>
<HEAD>
<SCRIPT language= "javascript">
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 = 'votre texte ici'
}
function palette() {
document.write("<CENTER> Palette de couleurs
</CENTER>");
document.write("\");
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(\", \");
}
}
document.write(\"\");
}
document.write("
");
}
</SCRIPT>


<TITLE>palette</TITLE>
</HEAD>


<SCRIPT language='javascript'>palette();</SCRIPT>
<CENTER>
<form name='form' method='post'>
<TEXTAREA type='text' name='hexval' id='color' cols='40' rows='2'></TEXTAREA>
</FORM>
Choisissez Votre Couleur dans la palette puis Cliquez
sur Copier pour l'insérer dans le presse papier
Vous n'avez plus qu'a coller le code dans le Formulaire du Forum.
La Fonction Copier ne marche pas sous Mozilla et Netscape</CENTER>
<TEXTAREA id='tFullText' style='position: absolute; top: -1000; left: -1000;'></TEXTAREA>

</HTML>

Aussi plus de couleur aurait été mieux ,c'est pas si difficile va voir le commentaire que j'ai fait pour la source sur SAISIE ET AFFICHAGE D'UNE COULEUR
Messages postés
105
Date d'inscription
lundi 16 février 2004
Statut
Membre
Dernière intervention
28 août 2005

Lu,
marche pas chez moi sous IE et sous firefox.
Messages postés
1044
Date d'inscription
lundi 7 mars 2005
Statut
Membre
Dernière intervention
13 juillet 2010
7
normal que ton script ne marche pas sur Firefox et Mozilla puisque tu utilise une commande non-standard (execCommand) qui ne peut être utiliser qu'avec IE.
Afficher les 6 commentaires

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.