begin process at 2012 02 09 17:39:26
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Graphique

 > PALETTE DE COULEURS

PALETTE DE COULEURS


 Information sur la source

Note :
7 / 10 - par 1 personne
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Graphique Classé sous :couleur, boucle, tableau Niveau :Initié Date de création :27/02/2009 Vu / téléchargé :4 308 / 265

Auteur : lgh

Ecrire un message privé
Site perso
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

 Description

Une palette de couleurs dans un bloc de type div. Le script est fait de trois boucles
les unes dans les autres et appliquées à combiner les couples d'un tableau.
Cette source se présente comme une variante des diverses possibilités qui existe
pour la création de palette (ici 216 couleurs).

Source

  • <script type="text/javascript">
  • //<![CDATA[
  • function ecrirecouleur() {
  • var i, j, k;
  • var hexadecimal = new Array('00', '33', '66', '99', 'CC', 'FF');
  • i = 0; while (i < 6) {
  • couple1 = hexadecimal[i]; if (i > 0) document.write('<br\/>'); i++;
  • j = 0; while (j < 6) {
  • couple2 = hexadecimal[j]; j++;
  • k = 0; while (k < 6) {
  • couple3 = hexadecimal[k];
  • codecouleur = couple1 + couple2 + couple3;
  • document.write('<span style="cursor: default; background:#' + codecouleur + '" onmouseover="document.getElementById(\'vision\').style.backgroundColor=\'#' + codecouleur + '\';" onclick="alert(\'#' + codecouleur + '\');">&nbsp;&nbsp;<\/span>');
  • k++;
  • }
  • }
  • }
  • } //Nota: si vous changez le nombre de couples dans le tableau, faites varier les valeurs maximales de i j et k.
  • //]]>
  • </script>
    <script type="text/javascript">
        //<![CDATA[ 
        function ecrirecouleur() {
            var i, j, k;
            var hexadecimal = new Array('00', '33', '66', '99', 'CC', 'FF');
            i = 0; while (i < 6) {
                couple1 = hexadecimal[i]; if (i > 0) document.write('<br\/>'); i++;
                j = 0; while (j < 6) {
                    couple2 = hexadecimal[j]; j++;
                    k = 0; while (k < 6) {
                        couple3 = hexadecimal[k];
                        codecouleur = couple1 + couple2 + couple3;
                        document.write('<span style="cursor: default; background:#' + codecouleur + '" onmouseover="document.getElementById(\'vision\').style.backgroundColor=\'#' + codecouleur + '\';" onclick="alert(\'#' + codecouleur + '\');">&nbsp;&nbsp;<\/span>');
                        k++;
                    }
                }
            }
        } //Nota: si vous changez le nombre de couples dans le tableau, faites varier les valeurs maximales de i j et k.
        //]]>
    </script>


 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip UNE CALCULATRICE
Source avec Zip LES PHASES DE LA LUNE
Source avec Zip RECHERCHER ET REMPLACER UN MOT DANS UN TEXTE
Source avec Zip LE MENU FICHIER DES APPLICATIONS
Source avec Zip UN MENU, UNE BARRE DE MENUS!

 Sources de la même categorie

Source avec Zip Source avec une capture PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma
Source avec Zip Source avec une capture CALCULATRICE HEURE par m22001111
Source avec Zip Source avec une capture DRAG & DROP VERS UN CANVAS par kazma
Source avec Zip ROTATION D'UNE IMAGE, ANIMATION par william voirol
Source avec Zip FRACTALES, FOUGÈRE, TRIANGLE, CARRÉ par william voirol

 Sources en rapport avec celle ci

Source avec Zip DIAPORAMA WEB par mole
COULEUR DE FOND SELON POSITION SOURIS par mailliam
Source avec Zip Source avec une capture PALETTE DE COULEUR par kazma
Source avec Zip Source avec une capture EFFET DE SURBRILLANCE EN JAVASCRIPT par zulrigh
Source avec une capture JEU DE COULEURS DANS UN TABLEAU À 3 DIMENSION par Niidhogg

Commentaires et avis

Commentaire de jdmcreator le 01/03/2009 01:15:56

J'ai vu une source très très très semblable sur l'éditeur Javascript.

Elle vient de là, n'est-ce pas ?

Commentaire de lgh le 01/03/2009 06:56:13

Non !

Commentaire de jdmcreator le 01/03/2009 17:53:50

Je t'envoie tout de même l'adresse.

http://www.editeurjavascript.com/scripts/scripts_formulaires_3_505.php

Le résultat est semblable mais pas identique. Il reste que ce code est l'un de mes préférés et l'un que j'ai le plus utilisé dans mes sources.

Have fun ;)

JDMCreator

Commentaire de LeFauve42 le 02/03/2009 14:54:00

Salut,

Ton source est sympa, mais de nos jours on trouve des color-pickers bien plus complets en JS, comme par exemple celui-ci : http://johndyer.name/lab/colorpicker/

Quelques remarques :
- Utiliser document.write() pour construire du html n'est pas super recommande.
  Il vaudrait mieux utiliser le DOM pour ca.

- Je pensais aussi (mais je me trompe peut-etre) que les //<![CDATA[ et //]]> etaient maintenant "deprecated".

- Mettre plusieurs statements sur une meme ligne ne me parrait pas tres "maintenance friendly".

J'ai aussi un peu de mal avec le niveau "initie" pour trois boucles imbriquees et un peu de concatenation de chaines...

Sinon, ce serait bien d'avoir un lien en ligne pour tester ce que ca donne (il y a des milliers de scripts de ce genre. En general j'en essaie quelques uns jusqu'a ce que j'en trouve un qui rende bien, mais ceux qui n'ont pas de lien "demo" sont generalement ilimines d'office...).

Eric

Commentaire de lgh le 02/03/2009 17:21:38

Merci pour le commentaire.
Pour le CDATA, le W3C me l'a demandé pour valider la page.
Pour le niveau initié il m'a semblé surtout que ce n'était plus une fontion de débutant et comme ce n'est pas une fonction d'expert... Mais sans doute cela se discute.
Pour finir, j'ai déjà récupéré un color picker très complet, mais en fait il ne m'est pas très utile pour ce que je fais, comme des modifications de couleurs de polices d'écriture. Le script que je présente là, plutôt court se loge facilement partout et c'est ce qui importe.
Salut

Commentaire de LeFauve42 le 02/03/2009 17:30:24

Effectivement c'est un code simple qui peut repondre a certains besoins (tout le monde n'a pas besoin de photoshop :o) ).

un autre petit detail :
//Nota: si vous changez le nombre de couples dans le tableau, faites varier les valeurs maximales de i j et k

Pourquoi tu ne remplaces pas simplement les 6 en durs par hexadecimal.length ?

Commentaire de Heirem le 02/03/2009 21:59:01 7/10

Je retiens ton sympathique code avec plaisir.
Il va m'être nécessaire dans un avenir tout proche.
Il sera logé dans une étiquette afin de proposer un choix de couleur.

J'aimerais préciser une petite chose à ton avantage: l'exemple du colopicker de John Dyer, suggéré par LEFAUVE42, comme souvent avec ce genre de goodies, nécessite beaucoup plus qu'un simple script. La plateforme Prototype en l'occurrence ;)

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Comment changer la couleur d'un tableau avec Netscape ? [ par nicolos ] BonjourJe voudrais savoir comment pouvoir changer la couleur d'un tableau, ou plutôt d'une cellule à partir de son identifiant pour que cela puisse ma Cellule change couleur onMouseOver ... [ par Hector78 ] Hello !J'ai&nbsp;un probl&#232;me concernant la mise en forme conditionnelle de tableaux, en javascript.Je voudrais r&#233;aliser un tableau&nbsp;me p Changement de couleur de cellules dans un tableau [ par krevette ] Bonjour tt le mondej'aimerais changer la couleur des cellules d'un tableau (jusque la pas de probleme). Mais ce qu'il y a c'est que je voudrais change probleme de boucle et de tableau [ par dridri ] Bonsoir, Voila j'ai un gros pb de boucle. Tout d'abord la voici : for (var i = 1; i &lt; a + 1; i++){ nb_rec = nb_rec + 1; for(var q = 0; q &lt; tab.l changer la couleur des cellules d'un tableau [ par basti ] Bonjour tout le monde,J'aimerais changer la couleur des cellules d'un tableau. Le probleme est que je suis débutant en Javascript alors jai choper la Rollover sur une cellule de tableau vers un input type="text" [ par tekyo ] Bonjour, Voil&#224;,j'ai un tableau avec de multiples cellules, dans chaque cellule, une simple couleur&nbsp;dont le code&nbsp;doit &#234;tre renvoyer Modifier couleur lien [ par hlimaiem ] Limaiem heykelBonjour,Mon tableau affiche des donnees depuis ma base mysql. La description de chaque ligne et contenu dans un lien pour ouvrir une fen Couleur ligne de tableau [ par jumano ] Bonjour,J'aimerais changé la couleur d'une ligne d'un tableau en fonction du résultat d'un jeux d'enregistrement en PHP.J'ai essayé d'intégrer du php Boucle sur un script Ajax [ par caviar ] Salut à vous ô forts du JS...Je suis une fois de plus en train de galérer... enfin cette fois ci je crois que c'est enfin sur un problème digne de ce boucle en XSL [ par justforthesnow ] Bonjour à tous, je suis en train de découvrir le XSL. J'ai fait une boucle qui parcourt mes noeuds. Ca fonctionne. Ce que je voudrais faire c'est lir


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 4,571 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales