begin process at 2010 02 10 02:22:07
  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é :2 129 / 193

Auteur : lgh

Ecrire un message privé
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 STOCK/FOREX CANDLE CHART USING CANVAS API par BlackWizzard
MODIFIER SES FEUILLES DE STYLES .CSS À LA VOLÉE AVEC JAVASCR... par Phildepantin
Source avec Zip Source avec une capture FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz
Source avec Zip [-CLASS-] -> CARROUSSEL D'IMAGES par TheWeasel47
Source avec Zip Source avec une capture OGG MEDIA PLAYER par kazma

 Sources en rapport avec celle ci

Source avec Zip MOOTABLEAU par Miky76
Source avec une capture JEU DE COULEURS DANS UN TABLEAU À 3 DIMENSION par Niidhogg
Source avec Zip TRI DÉCROISSANT ET CROISSANT D'UN TABLEAU DYNAMIQUE REMPLIE ... par barbe91
Source avec Zip TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet
APPLIQUER UN CHEMIN DE COULEUR SUR UN TEXTE ENTRÉ EN PARAMÈT... par Jbs106

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 et tableau, gros problème [ par BirD ] Salut la foule, Je suis en train de me casser la tete depuis 4 heures sur un ptit truc, mais j'en ai bien besoin, alors vous pourrez surement m'aider.


Nos sponsors


Sondage...

Comparez les prix


HTC Hero

Entre 550€ et 550€

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
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 : 0,671 sec (3)

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