1. Accueil
  2. Javascript
  3. Sources Javascript
  4. Sources Graphique
  5. Color picker performant semblable a celui de photoshop

Color picker performant semblable a celui de photoshop

Soyez le premier à donner votre avis sur cette source.

Vue 12 803 fois - Téléchargée 1 036 fois

Télécharger le projet
Commenter

Description

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 / Exemple : 


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
Télécharger le projet

Codes Sources

A voir également

Ajouter un commentaire Commentaires
LocalStone Messages postés 514 Date d'inscription mercredi 19 mars 2003 Statut Membre Dernière intervention 1 mars 2009
4 oct. 2003 à 18:18
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
cs_jjdagadir Messages postés 127 Date d'inscription lundi 7 avril 2003 Statut Membre Dernière intervention 6 mars 2009
5 oct. 2003 à 02:48
OUAIS c'est propre et çà marche, merci et bravo
kenavo
LocalStone Messages postés 514 Date d'inscription mercredi 19 mars 2003 Statut Membre Dernière intervention 1 mars 2009
5 oct. 2003 à 13:24
Hé, Jjdagadir, dans tout tes commentaires, tu mets " Kenavo " ... Mais ça veut dire quoi, parce que ça m'intrigue un peu ...
LocalStone
cs_revlis Messages postés 41 Date d'inscription mardi 15 juillet 2003 Statut Membre Dernière intervention 7 décembre 2004
6 oct. 2003 à 09:21
LocalStone> 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 "<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'"<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...
cs_iubito Messages postés 629 Date d'inscription mercredi 3 juillet 2002 Statut Membre Dernière intervention 9 octobre 2006
7 oct. 2003 à 05:46
et pour info Kenavo ça veut dire au revoir en breton... z'ont les chapeaux rond ;-)))
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_revlis)