PALETTE DE COULEURS : STYLE MACROMEDIA

Commentaire de SDK_akira le 28/10/2005 14:47:56

J'avoue que je suis pas inspiré pour donner mon avis concretement et en utilisant les bons arguments je vais  me contenter de dire Bravo :P
Franchement c'est super ^^
Le code est clair et bien commenté
10/10 :P

Commentaire de jppsg36 le 31/10/2005 15:41:08

Bonne utilisation de javascript, commentaires clairs et concis, permet façilement d'extraire des morceaux à d'autres fins. Un logiciel gratuit Hexacolor permet cette approche hors connexion, et même de récuperer le code d'une couleur sur l'écran du micro.

Commentaire de MaX3315 le 22/11/2005 12:09:22

Salut Bassman,

Script 100% utile pour ma part que je me suis permis t'intégrer à une source fraichement postée. Puisque ton script m'a donné envie de programmer un color picker à la photoshop (http://www.javascriptfr.com/code.aspx?ID=34744).

J'ai aprécier l'astuce d'inverser l'ordre des bloc de 6 de côté afin d'avoir une palette plus linéaire.

NB: j'isolerai ta source dans la version finale de mon script en y laissant tes mentions.

10/10

Commentaire de Evangun le 11/02/2006 14:58:23

Vraiment excellent !! En plus, rien à faire pour moi qui connais le php mais pas le javascript : 1 ligne de code et c'est tout!
Merci beaucoup.
10/10

Commentaire de caviar le 08/11/2006 11:56:38

re ... j'ai modifié un poil ton code pour l'adapter à mes besoins et le rendre un peu plus dynamique avec document.getElementById par ex

<table border='0' cellpadding='2' cellspacing='1'><tr><td>
<script type="text/javascript">
/**********************************************************************/
/*                  Script Fait par RIBEIRO David                     */
/*                                                                    */
/*            http://ribeiro.d.free.fr - GeekX Free Mind              */
/*                                                                    */
/**********************************************************************/

blocolor = true;
function hexa(couleur)
{
if(blocolor){
document.getElementById("hexval").value = couleur; // On inscrit dans le champs TEXT la valeur HEX de la couleur
document.getElementById("hexval_preview").bgColor = couleur; // Et on colorie le fond de page de la couleur choisis du champ TEXT
} else {
document.getElementById("hexval_select").bgColor = couleur; // Et on colorie le fond de page de la couleur choisis du champ TEXT
}
}

function palette_couleurs()
{

// Ouverture du tableau
document.write("<TABLE border='0' cellpadding='0' cellspacing='0' ><TR>");

// Déclaration des variables
var tabk = new Array('FF','CC','99','66','33','00'); // Tableau principal de couleur
var tabj = tabk;
var tabi = new Array('CC', '66', '00'); // Petit tableau principal (colonne de 6 couleurs)
var tabi2 = new Array('00','33','66','99','CC','FF'); // Tableau principal inversé pour la colone du milieu (colonne de 6 couleurs)
var color=""; // initialisation de color a vide
var cmp = 0; // initialisation du compteur a 0

// Début prog
for(var k=0;k<6;k++) // Boucle pour les lignes de couleurs
{
for(var i=0;i<3;i++) // Boucle pour les colonnes (colonnes de 6 couleurs)
{
if (i == 1) // Si on attaque la 2 eme colonne de 6 couleurs
{
tabj = tabi2; // on inverse le tableau principale de couleurs
}
else // sinon
{
tabj = Array('FF','CC','99','66','33','00'); // On remet le tableau par default
}

for(var j=0;j<6;j++) // Boucle pour l'affichage couleur par couleur
{
color="#"+tabi[i]+tabk[k]+tabj[j]; // concaténation des chaines pour la valeur de la couleur
// et on affiche la couleur
document.write("<TD width='10' height='10' style='border: 0px solid #dfdfdf;' bgcolor='"+color+"' onMouseOver=\"hexa('"+color+"')\" onClick=\"if(blocolor) { blocolor = false; } else { blocolor = true; }\"></TD>");
}
}
document.write("</tr>");

cmp = cmp + 1; // On compte le nombre de ligne faite
if (cmp == 6) // si on a fait les 6 lignes
{
var tabi = new Array('FF', '99', '33'); // on redéfini le nouveau tableau principal (colonne de 6 couleurs)
var tabk = tabi2; // on re initialise le tableau des lignes
k = -1; // on défini k à -1 car on a déja fait un passage
}
}
// Fin prog
document.write("</TABLE><BR>"); // On ferme le tableau + saut de ligne
}
</SCRIPT>


<SCRIPT language="JavaScript">
palette_couleurs();
</SCRIPT>
</td><td width='100%' valign='top' align='left'>
<table width='50' height='50' id="hexval_preview" style='border: 1px solid #000;'>
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table width='50' height='50' id="hexval_select" style='border: 1px solid #000;'>
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td></tr>
<tr><td>

<input type="text" name="hexval" id="hexval" size="9" >
<br />
Cliquez sur la couleur de votre choix pour la bloquer/débloquer pour voir le rendu.<br>ou rentrez une valeur (sans oublier le #).<br>
</td><td>&nbsp;</td></tr>
</table>


@+