Palette de couleur en ligne

Commenter

Contenu du snippet

choix des couleurs et recupération du code hexa

Code récupéré au départ et amélioré ensuite pour lui faire prendre la forme d'un tableau

Source / Exemple : 


<html>

<!-- Date de création: 10/04/02 -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Active Pr@uductions Nuancier</title>

<meta name="description" content="">

<meta name="keywords" content="">

<meta name="author" content="AMIDEX">

<meta name="generator" content="WebExpert 5">

</head>

<SCRIPT LANGUAGE="JavaScript">

function yaunclick()
{
alert('Code source © Activepraud');
}
function noclick(scx)
{
if (navigator.appName == "Netscape" && scx.which == 3)
{
yaunclick();
return false; 
}
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2)
{
yaunclick();
return false; 
}
}
document.onmousedown = noclick
function champsok()

{

if (document.formulaire.NOMDOM.value.length == 0)

{

alert("Veuillez renseigner le nom de domaine S.V.P, Merci");

return false;

}

if (document.formulaire.couleur.value.length == 0)

{

alert("Veuillez indiquer la couleur de votre choix S.V.P, Merci");

return false;

}

if (document.formulaire.EMAIL.value.length == 0)

{

alert("Veuillez indiquer votre adresse mail S.V.P, Merci");

return false;

}

return true;

}

function makeArray(q){

for(i=1 ; i <= q ; i++){this[i]=0}}

Colors = new makeArray(7);

Colors[1] = "00";

Colors[2] = "33";

Colors[3] = "66";

Colors[4] = "99";

Colors[5] = "CC";

Colors[6] = "FF";

function copyref(thiscolor){

document.formulaire.couleur.value=thiscolor

}

</script>

</head>

<body bgcolor="navy">
<table border="2"bgcolor="#3874B5" align="center">
<tr>
<td><font color="#ffffff"><b><font face="Geneva, Arial, Helvetica,NuptialScript" size="4">Active Pr@uductions</font></b></font></td>
</tr>
</table>
<table border="0" height="5">
	<tr>
		<td></td>
	</tr>
</table>
<table border="2"bgcolor="#3874B5" align="center">
<tr>
<td><font color="#ffffff"><b><font face="Geneva, Arial, Helvetica,NuptialScript" size="2">  Ce nuancier vous permet de d&#233terminer la couleur dominante de votre site</font></b></font></td>
</tr>
</table>

<table border="0" height="25">
	<tr>
		<td></td>
	</tr>
</table>
<table border="1" align=center>

	<tr>

		

<script language="JavaScript">

for(i=1 ; i <= 6 ; i++){

for(j=1 ; j <= 6 ; j++){

for(k=1 ; k <= 6 ; k++){

var thiscolor = Colors[i] + Colors[j] + Colors[k];

document.writeln("<td height = 10 width= 10 bgcolor = \"#" + thiscolor + "\" align = center><a href = javascript:copyref(" + "\"#" + thiscolor + "\")");

document.writeln("\'\' onMouseOver = \"document.bgColor = \'" + thiscolor + "\'\">" + '_' + "</a></td>");

}}document.writeln("<TR>");}

</script>
<table border="0" height="25">
	<tr>
		<td></td>
	</tr>
</table>
<table  border="2" bgcolor="#3874B5" align="center">

<tr>

<td ><font color="#ffffff"><b><font face="Geneva, Arial, Helvetica,NuptialScript" size="2">  Promenez le pointeur sur le nuancier</font></b></font>

<font color="#ffffff"><b><font face="Geneva, Arial, Helvetica,NuptialScript" size="2">  et cliquez pour s&#233lectionner</font></b></font></td>

	

	</tr></table>

</table>

<form action="topcouleurs.php3" method=post encrypt="textplain"name="formulaire" OnSubmit="return champsok()">                 

<table border="0" align="center">               

 <tr>                   

<td bgcolor="#3874B5"><font color="white"><strong><div align="left">Nom de domaine souhait&#233</div></strong></font><p>

<input type="text" name="NOMDOM" size="20" maxlength="256" >

</tr>               

<tr>                   

<td bgcolor="#3874B5" >

<font color="white"><strong><div align="left">Couleur</div></strong>                   

<input type="text" size="20"<a name="couleur"></font></td>               

</tr>               

<tr>

<td bgcolor="#3874B5" ><font color="white"><strong><div align="left">Email</div> </strong> 

<input type="text" size="20" name="EMAIL"></font></td>               

</tr>              

</table> 

<table align="center" border="0">

<tr><td>           

<p><font face="Tw Cen MT"><input type="submit" value="Soumettre">         </font>

<input type="reset" value="Recommencer"></p> </td></tr> </table>      
</form>
<table bgcolor="#3874B5"align="center" border="2">

<tr><td>           
  <a href="http://activepraud.amidex.fr" style="text-decoration: none"><font color="white">Retour au sommaire</font></a> 

</td></tr> </table> 
 <table border="0" align="center">
	<tr>
		<td>
<font color="#ffffff"><font face="Geneva, Arial, Helvetica,NuptialScript" font size="-2"><i>Nom de domaine oublié ? Cliquez sur le bouton"pr&#233c&#233dente" de votre navigateur</i></font></font>
</td>
	</tr>
</table>         
                  

                                                            
</body>

</html>

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.