begin process at 2012 05 28 13:03:11
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Graphique

 > COLOR PICKER PHOTOSHOP (PALETTE PANTONE, RGB, CMYK, HSV, WEBSAFE, WEB NOMMÉ)

COLOR PICKER PHOTOSHOP (PALETTE PANTONE, RGB, CMYK, HSV, WEBSAFE, WEB NOMMÉ)


 Information sur la source

Note :
10 / 10 - par 8 personnes
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Graphique Classé sous :colorpicker, photoshop, selecteur, couleur, pantone Niveau :Expert Date de création :22/11/2005 Date de mise à jour :16/02/2006 16:01:54 Vu / téléchargé :34 392 / 1 518
Auteur : MaX3315

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (15)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Bonjour,
J'utilise depuis quelque temps déjà le color picker de ervlis que l'on retrouve sur plusieurs protails de scripts dont Codes source : http://www.javascriptfr.com/code.aspx?id=16845. Il s'agit d'une source vraiment efficace... mais sous IE puisqu'elel utilise un fichier htc propre à Microsoft.

J'ai donc entrepris de réaliser un sélecteur de couleur à la Photoshop fonctionnant sous IE, Firefox, Opera et Safari.
Voilà le résultat de mon travail.

J'ai également inclut la palette postée récemment par Bassman et déposé ici : http://www.javascriptfr.com/code.aspx?ID=34546.
J' ai également inclut un nuancier pantone [pluggin]
J'ai aussi intégré les couleurs web protégé [pluggin].

Je remercie sont qui m'on encouragé a finir ce projet et j'espère qu'il sera de la plus grand utilité.

LOCALISATION
Vous pourrez remarqué que j'ai séparé toute les chaines de caractère afin de simplifier au maximum la localisation du script (avis aux amateurs de langue étrangère je me ferrai une joie d'intégrer leur traduction).

Source

  • Source et explications détaillées :
  • -----------------------------------
  • http://codessources.votre-web.com/js/colorPicker/index.php
  • Démonstration en ligne:
  • -----------------------
  • http://codessources.votre-web.com/js/colorPicker/V1/
  • Page de démonstration des fonctions de conversion (m'avais servit de page de test, mais peut êter intéressant).
  • http://codessources.votre-web.com/js/colorPicker/ColorConversion.htm
  • Fichiers:
  • ---------
  • Les fichiers de base sont tous ceux qui comment par colorPicker. etc .js
  • Lors de vos include veuillez à toujorus inclure le fichier de localisation , puis le fichier global puis le fichier classs.
  • Dans tous les fichiers de classe j'ai indiqué les dépendance à d'autre include.
  • Le colorPicker utilise également un script eprmettant de lire/ecrire des cookies cookies.js (ne pas oublié de l'inclure à vos projet).
Source et explications détaillées :
-----------------------------------
http://codessources.votre-web.com/js/colorPicker/index.php


Démonstration en ligne:
-----------------------
http://codessources.votre-web.com/js/colorPicker/V1/
Page de démonstration des fonctions de conversion (m'avais servit de page de test, mais peut êter intéressant).
http://codessources.votre-web.com/js/colorPicker/ColorConversion.htm

Fichiers:
---------
Les fichiers de base sont tous ceux qui comment par colorPicker.  etc   .js
Lors de vos include veuillez à toujorus inclure le fichier de localisation , puis le fichier global puis le fichier classs.
Dans tous les fichiers de classe j'ai indiqué les dépendance à d'autre include.

Le colorPicker utilise également un script eprmettant de lire/ecrire des cookies cookies.js (ne pas oublié de l'inclure à vos projet).

 Conclusion

J'ai très largement commenté le code sources de tout les fichiers et je fournis une multitude d'exemple traitant plusieurs forme d'utilisation possible.

Vous retrouverez bientôt sur mon site perso des explications détaillé et une mini doc de l'API et sur le système de pluggin afin que vous puissiez adapter ce script à vos besoins (je fournirai moi mêm encore quelque pluggin tel que les couleur web nommées, un sélecteur 'votre charte graphique', un nuancier RAL, le système 5k color, ...)


Les commentaires sont les bienvenus.

 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


 Historique

16 février 2006 16:01:54 :
Total remaniement du code. Vous avez la une version finalisée (1.0).

 Sources du même auteur

Source avec Zip Source avec une capture DESSINER DES LIGNES SUR VOTRE PAGE WEB
Source avec Zip Source avec une capture ONGLET À TABULATION MULTI BLOC
Source avec Zip SHOWMODALDIALOG POUR TOUS LES NAVIGATEURS MODERNES
Source avec Zip Source avec une capture AUTO SCROLLER DE NEWS
Source avec Zip Source avec une capture GÉNÉRATEUR DE CHAÎNE POUR LA FONCTION DATE() DE PHP4
Toutes les sources de MaX3315

 Sources de la même categorie

Source avec Zip JDMATH-MINI.JS : GÉNÉRATION D'EXPRESSION MATHÉMATIQUE par jdmcreator
Source avec une capture SPHERE 3D DÉFORMABLE par phm
Source avec Zip Source avec une capture EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT... par kazma
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
Toutes les sources de la catégorie Graphique

 Sources en rapport avec celle ci

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 Zip Source avec une capture LIBRAIRIE DE GESTION DES COULEURS POUR CSS : COLORPARSER par ryosama
Source avec Zip Source avec une capture AYXCOLORPIKER - SÉLÉCTEUR DE COULEURS JAVASCRIPT par alphayax

Commentaires et avis

Commentaire de Bassman le 23/11/2005 11:57:49

très bon projet de regrouper plusieurs palettes de couleurs, de plus très rapide, et vraiement bien géré, bravo :o). Bien commenté

cela mérite une très bonne note

10/10

Commentaire de MaX3315 le 23/11/2005 12:14:36

Comme on se retrouve... :)
Je polishe encore ca.

Merci.

Commentaire de iubito le 28/11/2005 07:13:29

marche aussi avec Opera 8.5

Commentaire de MaX3315 le 28/11/2005 19:20:49

Merci pour l'info.

Commentaire de MaX3315 le 11/02/2006 11:00:15

Bon j'ai repris tout le code de A-Z. et voici le résultat en programmation objet:
http://prodeon3.nuxit.net/demo/v1.html


Maintenant pour créer son color picker, riend e plus simple, il suffit d'instancier la class ColorPicker:
var cp1=new ColorPicker('colorPicker1','#6699CC',colorPicker1CallBack);

Je ne mets pas encore à jour le script ici car je n'ai pas encore toute à fais fini. Par contre si vous pourriez me donner vos remarques sur cette nouvelels montures (bug sous certains OS, etc...)
Pour ma part le script semble fonctionner correctement avec Firefox et IE7 (béta2) (théoriquement avec IE6 aussi).

Merci d'avance pour votre aide.

Commentaire de johann1 le 17/04/2006 19:36:01

Max, Je suis vraiment épaté par ton Color Picker! Félicitations! C'est aussi le pied pour les infographistes! Bonne continuation!

Commentaire de clemsouz le 25/07/2006 17:09:35

Bonjour MaX,

bien joué, voilà un scrypt très complet. C'est du très bon travail, malheureusement il semble que je ne soit pas aussi doué que toi.

Je souhaiterais utilisé ta palette dans le but de renseigner un champ de mon formulaire(<input type=text>). J'ai beau regarder tes source pourtant bien commenter, je n'arrive pas à faire ce que je veux.
Si possible je voudrais ouvrir la palette depuis un bouton placé à coté du champ à renseigner, sinon je laisserais comme j'ai fais jusque là, le onclick sur mon  champ. Mon plus gros problème étant que mon champ prend bien la couleur selectionné mais pas la valeur.

MERCI D'AVANCE

Commentaire de MaX3315 le 25/07/2006 17:21:18

Bonjour Clemsouz,

Alors ce que tu veux réalisé est extrêment proche de l'exemple 4 : http://codessources.votre-web.com/js/colorPicker/V1/exemple_04.html

Admettons que l'on utilise cela :

<input type="text" id="ma_couleur" readonly="yes"><input type="button" onClick="f_pickAColor(document.getElementById('ma_couleur'));">

Puis il suffit de modifier la fonction de rappel de color picker colorPicker1CallBack.. comme cela :

function colorPicker1CallBack(colorPicker)
{
if(concernedObj)
{
concernedObj.value=colorPicker.get('hex');
}
}

Et voilà le tour est joué ... en théorie tout du moins :p

Bonne prog

Commentaire de clemsouz le 25/07/2006 17:38:15

Merci pour la réactivité MaX ;)

J'ai peu dissocier l'appel de la palette de mon champ ;D

malheureusement je ne récupère toujour pas la valeur hexadécimal :'(

PS: en tout cas je suis content car javais passé pas mal de temp sur l'exemple 4 et la lecture des source. J'était parvenu à la meme modif de colorPicker1CallBack(colorPicker) ;D
Cela veut il dire que ce n'est pas faisable ? :s

Commentaire de clemsouz le 25/07/2006 17:42:28

à titre d'info, la console javascript de firefox ne trouve aucun problème

Commentaire de MaX3315 le 25/07/2006 17:46:30

Je t'ai envoyé mon email en message privé, tu peux m'y envoyer ta sources.

Commentaire de clemsouz le 25/07/2006 17:48:52

Tu as reçus mon message ?
Tu arrive à accèder au site ?

Commentaire de homer8173 le 23/02/2008 08:00:14

salut, je te remercie pour ton excellent travail, je voulais passer le pantone en français, mais ça j y arriverai.

parcontre dans le selecteur photoshop quand on affiche les couleurs en H, et qu on clique dans la barre ça affiche pas les bonnes couleurs dans le colorpicker ... c est un peu dérangeant...
j ai le meme bug sur ie7, firefox2, sur mes script et sur ceux hebergés sur ton site ...
as tu le temps de regardé ?

Commentaire de MaX3315 le 23/02/2008 08:15:22

Merci HOMER8173,

C'est drôle en 3 ans d'utilisation et de présence sur le site c'est la première fois qu'on mle fait remarquer ce bug...

Dès que possible je rejette un oeuil sur mon code... ca doit pas être grand chose. Certainement un problème de mise à l'échelle entre la position du curseur verticale (qui renvois des données entre 0 et 255) et le champs H qui doit aller de 0 à 359 (ou 1 à 360 je sais plus de tête).

Je n'aurai pas le temps de regarder avant 3-4 semaines je pense. Ne pas hésitez de me le rappeler par message privé au besoin ;-)

Commentaire de homer8173 le 25/02/2008 09:56:07

si j ai le temps de corriger ça, je te le ferais savoir @+

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Changer la couleur d'un textfield [ par Blondy ] J'aimerais faire une méthode qui change la couleur d'un textfield. Je sais que nous pouvons changer le texte avec .value mais la couleur, avec .style? changer de couleur la cellule quand la souris vient et part [ par Stephane ] salut a tousvoila je connais pas trop javascript, alors je me sert des sources qu'il y a, mais y a un truc qu'il n'y est pas :Comment peut on changer Changer der couleur un bouton. [ par SoniqExnihilo ] Salut.j'ai fait un bouton bleu et j'aimerai que quand je click dessu il devien rouge par exemple.Voila le code que j'ai ecris mais il produit une erre Couleur d'une cellule d'un tableau html [ par ypothier ] Est-ce que quelqu'un pourrai m'aider. J'ai un tableau HTML bien simple. Mais j'aimerai être capable de modifier la class à laquel il appartient dans u COULEUR DE FOND [ par PatriceVB ] Est-il possible quand on clique sur un lien, de changer la couleur de fond de la page ? 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 couleur du texte d'une cellule ou la couleur du fond d'une cellule d'une table [ par rabdane ] J'aimerais avoir un javascript qui change la couleur du texte d'une cellule ou la couleur du fond d'une cellule d'une table appelé TABLE1.cette table probleme avec couleur scrool I.E [ par Meduse ] Votre texte ICIVotre texte ICIje place ce bout de code entre les balises &lt;HEAD&gt; et &lt;/HEAD&gt; dans ma page hTML pour pouvoir collorer la scro Roll-over spécial [ par Inc0 ] Voila, je voudrai faire un rollo- over assez joli.Lorsque la souris est au dessus du lien ça change de couleur. Ok ça j' arrive (lol), mais maintenant Couleur des separateur de frames... [ par Mirror1661 ] Salut!ça doit etre super simple mais j'y arrive pas... Comment on change la couleur des bordures qui separent les differentes frames?MerciMirror.


Nos sponsors


Sondage...

Comparez les prix


iPod touch 3rd Generation (64 Go)
Entre 374€ et 379€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
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 : 1,123 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)