begin process at 2012 02 11 04:26:49
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Graphique

 > COLOR PICKER PERFORMANT SEMBLABLE A CELUI DE PHOTOSHOP

COLOR PICKER PERFORMANT SEMBLABLE A CELUI DE PHOTOSHOP


 Information sur la source

Note :
9,4 / 10 - par 5 personnes
9,40 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Graphique Niveau :Initié Date de création :03/10/2003 Date de mise à jour :06/10/2003 09:09:09 Vu / téléchargé :10 687 / 887
Auteur : revlis

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

 Description

Cliquez pour voir la capture en taille normale
une colorpicker, sans image, autonome (utilisant les behaviors)  entièrement configurable permettant de selerctionner graphiquement une couleur dans une palette en fonction de la Teinte, de la Saturation, de la Luminosité ou bien des 3 Couleurs primaires..
Le script permet également de convertir les couleurs sur différent models
-Hexadecimal
-HSV
-RGB
-LAB
-CYMK


on fait si, y'a des images : les curseurs ( 0.188 Ko).. je pense que c'est négligeable

Source

  • pour afficher un colorPicker tout simple, de base
  • tout le code se trouvant dans le color picker.htc
  • <HTML xmlns:TJS><HEAD>
  • <STYLE>
  • @media all
  • {
  • TJS\:Picker
  • {
  • behavior: url("color picker.htc") ;
  • width : 256;
  • height : 128;
  • }
  • }
  • </STYLE>
  • </HEAD>
  • <BODY>
  • <TJS:Picker style="width:100; height:100" id="cpicker" oncolor="alert(this.detail)" color="0000A0" bordersize=2 borderstyle="inset" barWidth=25 spacing="10" />
  • </BODY>
  • </HTML>
pour afficher un colorPicker tout simple, de base
tout le code se trouvant dans le color picker.htc

<HTML xmlns:TJS><HEAD>
<STYLE>
@media all 
{
  TJS\:Picker
  {
    behavior: url("color picker.htc") ;
    width : 256;
    height : 128;
  }
}
</STYLE>
</HEAD>
<BODY>
<TJS:Picker style="width:100; height:100" id="cpicker" oncolor="alert(this.detail)"  color="0000A0" bordersize=2 borderstyle="inset" barWidth=25 spacing="10" />
</BODY>
</HTML>

 Conclusion

Ne fonctionne malheureusement que sous IE 5.5 et plus

 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 COMPRESSION DE DONNÉESEN JAVASCRIPT
Toutes les sources de revlis

 Sources de la même categorie

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
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
Toutes les sources de la catégorie Graphique

Commentaires et avis

Commentaire de LocalStone le 04/10/2003 18:18:46

Alors là, chapeau ! 10/10 (mais c'est bien parce que l'on peut pas faire plus. ...) Par contre, y a moyen que tu nous expliques les behavior, l'interêt, les avantages, la compatibilité, etc. et surtout le fonctionnement ?
LocalStone

Commentaire de jjdagadir le 05/10/2003 02:48:03

OUAIS c'est propre et çà marche, merci et bravo
kenavo

Commentaire de LocalStone le 05/10/2003 13:24:29

Hé, Jjdagadir, dans tout tes commentaires, tu mets " Kenavo " ... Mais ça veut dire quoi, parce que ça m'intrigue un peu ...
LocalStone

Commentaire de revlis le 06/10/2003 09:21:51

LocalStone&gt; avant tout le behavior est un style qui permet d'affecter des fonction à un object et de déclencher des evenements (oncolor pour ce colorpicker
celui ci se présente sous forme d'un fichier (extention .htc) contenant des varaible et méthodes
grace a ce dernier tu peut créé tes propres object (et pourquoi pas développer des concurants des "&lt;input" de microsoft (certain site en on dévelopé d'ailleur)
l'avanatge de ce dernier est l'encapsulation total de mon object et la facilité avec laquelle une tiers personne pourrait utiliser ce dernier : au même titre que l'on ignore tous, comment fonctionne l'"&lt;input type="text") on sait parafaitement l'utiliser..

pour la compatibilité.. ben uniquement IE 5.5 et plus .. j'espère que mozilla suivra le pas car c'est impresionnant ce qu'on peut faire avec.. j'ai déjà vu des combobox dans lesquel on peut saisir du text et qui propose la suite du mot en fonction de son contenu de la liste.. ainsi que des datapicker et autre...

Commentaire de iubito le 07/10/2003 05:46:38

et pour info Kenavo ça veut dire au revoir en breton... z'ont les chapeaux rond ;-)))

Commentaire de bob3000 le 08/10/2003 00:18:50

super bon, bravo!

Commentaire de correaluna le 17/10/2003 10:18:59

Très bon script en effet, mais rendons à César ce qui appartient à César : ce script à été publié le 13/06/2003 sur http://www.toutjavascript.com/main/search.php3?new=123456

Commentaire de revlis le 28/10/2003 20:17:56

correaluna&gt; je sais très bien étant donné qu'il s'agit de ma source. (déposé sous le pseudo de silver il me semble)
Le script de TJS.com de juin était ma première version.. celle ci prend en compte la selection de couleur sur graphique R, G et B plus un calcul des couleurs LAB et CYMK..  que ne faisait pas la première version (cette nouvelle version est également disponible sur le site depuis peu d'ailleur)

Commentaire de chimelpremier le 03/03/2004 00:03:13

C'est excellent. Il va faire partie des petits programmes stockés dans mon répertoire "utile" et va me servir, conjointement à Editpad lite.
Ce serait encore mieux si en cliquant sur OK le code couleur soit transmit dans le presse papier ?
Michel

Commentaire de revlis le 22/03/2004 12:49:11

je ne suis pas fan des utilitaire qui touchent a mon presse papier...
J'imagine quelque qui copi quelque chose d'important (ou de chiant) genre un screenshot et qui perd son presse papier sans s'en rendre compte pasqu'il a clické sur un boutton...

Commentaire de apxa le 07/10/2004 19:44:15

ca fonctionne sous tout les navigateur  et os ?

Commentaire de vince062 le 11/04/2005 11:00:25

Salut, super source!!
Je voulais savoir si ces sources peuvent être utilisées sur des sites pro pour entreprise?

Merci et ciao

Commentaire de revlis le 11/04/2005 11:12:55

apxa> non, ca ne fonctionne que sous IE >5.5 (utilisation de Behaviors et de filtre de dégradé)

vince062> tant que vous n'en faite pas un usage commerciale, je ne vois pas d'objections (merci quand meme pour avoir eu la politesse de demander)


pour info, je suis tombé sur un script qui propose (a peut de chose pret : il n'est pas redimensionnable) la meme chose que ce script : Mais a l'avantage d'etre compatible avec Mozilla..

par contre le liens et brisé et impossible de le retrouver... :(
http://www.lewismoten.com/LewiesColorPicker/description.htm

Commentaire de vince062 le 11/04/2005 14:32:39

Re,
Aucun problème aucun usage commercial ne sera effectué.
C'est juste pour pouvoir modifier un site en ligne et la fonction servira pour choisir la couleur que l'on veut appliquer.
Si cela pose un problème merci de le dire
Sinon...un grand merci ;)

Ciao

Commentaire de ifebo le 12/05/2005 08:20:21

En poussant un peu plus loin, tu pourrais sans doute refaire chacune des palettes de Photoshop ! LOL!
Je mets 10

Commentaire de revlis le 12/05/2005 08:59:23

Merci, je n'ai pas reussit a trouve de régularité dans la palette LAB...
les 2 autres s'obtiennent grace a des superpositions de 2 ou 3 dégradés de couleur différentes plus ou moins transparents...
Mais pour les couleur LAB, c'est une autre paire de manche... :(.. Si quelqu'un a une idée, elle est la bien venue..

Commentaire de diduss le 31/05/2005 23:46:29

Nickel !
qualité et précision, du grand art.
L'usage d'un tel script reste spécialisé, mais à un coté pro indeniable.

Commentaire de MaX3315 le 22/11/2005 16:21:13

Ce script ma déjà servit à plusieurs reprise... mais la limitation à Firefox devenait vraiment génante.
Donc j'ai bicolé une nouvelle version http://www.javascriptfr.com/code.aspx?ID=34744 encore en cours de développement (surtout de debuguage et optimisation). Pour ce que ca intéresse.

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Green Energy Solutions With Light Bulb Morphed Into LandscapePhoto Single Large Rock Formation in Monument Valley
Photo Offroad Vehicle on a Remote Beach in Hawaii 

Visiter la 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 : 0,905 sec (4)

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)