Créez un sélecteur de couleur en jQuery sur Jay Salvat, le Blog

Commentaire de Jay Salvat

(Jay Salvat) — Wed, 24 Feb 2010 22:29:00 GMT

@Fabien, Non comme ça, je ne vois pas. La démo marche correctement chez toi ? As-tu bien la dernière version de jQuery ? Appliques-tu bien le plugin à un textfield ?

Commentaire de Fabien Groslambert

(Fabien Groslambert) — Wed, 24 Feb 2010 11:41:23 GMT

Bonjour, Je rencontre un problème avec votre plugin. En effet, celui -ci n'est pas positionné par rapport au textfield, mais en 0 / 0 (bord haut gauche de la fenêtre). Savez-vous d'où cela peux venir ? Merci d'avance, Fabien

Commentaire de Jay Salvat

(Jay Salvat) — Wed, 05 Aug 2009 19:02:14 GMT

Merci de cet ajout ZeNerzhul !

Commentaire de ZeNerzhul

(ZeNerzhul) — Wed, 05 Aug 2009 17:38:56 GMT

pour ma part j'ai pensé qu'il serait plus sympathique de voir la couleur choisie dans le champ après la fermeture du selecteur. Voici la modification apporté au code de jquery.mycolorpicker.js // Lorsqu'une couleur est cliqué, on affiche la valeur dans // le textfield $( '#myColorPicker a' ).not( '.close' ).click( function() { var color = $( this ).attr( 'rel' ); var r = color.substr( 1, 2 ); var g = color.substr( 3, 2 ); var b = color.substr( 5, 2 ); $$.val( color ); $$.css( 'background-color', color ); if( ( parseInt( r, 16 ) * 0.3 ) + ( parseInt( g, 16 ) * 0.59 ) + ( parseInt( b, 16 ) * 0.11 ) > 128 ) { $$.css( 'color', 'black' ); } else { $$.css( 'color', 'white' ); } removeColorPicker(); return false; } );

Commentaire de ZeNerzhul

(ZeNerzhul) — Wed, 05 Aug 2009 17:36:57 GMT

Y a vraiment des killer apps sur terre. Bravo !

Commentaire de Stan

(Stan) — Fri, 10 Jul 2009 11:01:02 GMT

Mince j'ai cliqué sur "Envoyer" un peu tôt. Je voulais aussi rajouter qu'il faudrait réduire de 1 la taille du champ de saisie (passer de 8 à 7). Car pour le moment on peut mettre #FF00FF0 ce qui n'est pas une couleur valide. Cependant, il y a peut être une excellente raison qui m'échappe à avoir 8 mais dans ce cas là il faut m'expliquer pour que je sois moins bête :)

Commentaire de Stan

(Stan) — Fri, 10 Jul 2009 10:57:57 GMT

Bravo :) En étant tatillon (toujours pour une version release, pas pour une démo), je dirais qu'il faudrait également éviter que le survol du bouton de fermeture mette l'aperçu de la couleur en noir.

Commentaire de Jay Salvat

(Jay Salvat) — Thu, 09 Jul 2009 14:05:02 GMT

J'ai apporté quelques modifications en deux lignes. - J'utilise maintenant .not('.close') pour éviter le conflit entre les liens couleurs et le lien du bouton 'Fermer'. Cela évite que le champs de saisie soit remis à zéro lorsque la palette est fermée. - Si une valeur est déjà entrée dans le champ de saisie, le fond de la palette s'affiche de cette couleur, permettant ainsi de prévisualiser n'importe quelle couleur.entrée.

Commentaire de Emmanuel

(Emmanuel) — Thu, 09 Jul 2009 13:25:25 GMT

@Jay : J'en suis conscient que c'est un gros travail. Et ce n'est pas moi qui te dirait quand tu dois produire quoi que ce soit. On a tous une vie en dehors du web (quoi que :o) ) Pour le flux RSS, je me mélange peut être les pinceaux ... à force d'avoir des dizaines de posts à parcourir tous les jours, je me trompe peut etre. Il me semblait que passé un temps, il y avait le post complet. Rien de grave !

Commentaire de Stan

(Stan) — Wed, 08 Jul 2009 16:04:48 GMT

Je m'en doutais un peu, comme pour le plugin de chat. Mais j'aime bien écrire mes idées ça pourrait aider certains qui liront :)

Commentaire de Jay Salvat

(Jay Salvat) — Wed, 08 Jul 2009 15:32:03 GMT

@Stan, Non tu n'es pas un chieur, ces options seraient parfaites pour une release finale. Comme d'habitude sur ce blog, c'est ébauche sur une idée et non un produit fini. A chacun de se l'approprier et d'en faire ce qu'il veut selon ces besoins :) Je reste volontairement "straight to the point" sur les tutoriels sinon on arrive vite à ce que je ne veux pas : des articles interminables. Je trouve déjà les miens trop longs. Si je fais un jour une release publique de ce plugin, soit sûr qu'il inclura toutes ces options.

Commentaire de Stan

(Stan) — Wed, 08 Jul 2009 10:56:31 GMT

Pendant que j'y suis il serait aussi sans doute intéressant d'avoir un petit carré de couleur à côté l'input qui permet de voir instantanément la couleur correspondant au code. Car autant là on peut facilement obtenir le code à partir de la couleur, autant pour obtenir la couleur à partir du code ... le problème reste entier, l'utilisateur ne parlant pas couramment "code couleur" ne saura pas à quelle couleur correspond le code sélectionné.

Commentaire de Stan

(Stan) — Tue, 07 Jul 2009 13:20:42 GMT

Sans vouloir abuser, je pense qu'il serait également assez naturel pour l'utilisateur de pouvoir fermer la fenêtre en appuyant sur Echap ou lorsqu'il clic ailleurs dans la page. Mais bon ... pas obligé de le faire, je suis un chieur :)

Commentaire de Jay Salvat

(Jay Salvat) — Tue, 07 Jul 2009 11:48:52 GMT

@ Stéphane Bareau Merci ! C'est corrigé. @ Stan Tu as entièrement raison. C'était un bug. C'est corrigé également.

Commentaire de Stan

(Stan) — Tue, 07 Jul 2009 10:23:38 GMT

Intéressante cette palette. Je n'ai pas regardé précisément le code mais à l'usage j'ai une petite remarque : le fait de cliquer sur la croix fait disparaître la couleur dans le input. Cela pose le problème suivant : on est obligé de laisser sa palette ouverte ou de sélectionner une couleur. Mais quid de celui qui veut entrer la couleur à la main ou de celui qui a déjà sélectionné une couleur et qui voulait juste ouvrir la palette pour regarder si une autre couleur n'aurait pas été mieux ? Je précise que je suis avec FF3.5.

Commentaire de Stéphane Bareau

(Stéphane Bareau) — Tue, 07 Jul 2009 10:22:46 GMT

Bonjour, J'ai repéré une faute de frappe dans la ligne suivante : content += '

'; La double-quote de l'attribut rel n'est pas refermé, on retrouve d'ailleurs l'erreur lors de la dissection du code :

rel est ouvert par une double-quote et fermé par une simple-quote. En tout cas, c'est toujours un plaisir de lire tes articles.

Commentaire de Jay Salvat

(Jay Salvat) — Tue, 07 Jul 2009 09:23:51 GMT

@Emmanuel, 2039 est un peu exagéré, je pense avoir 10 ans d'avance en travaillant bien. Blague mise à part, famille, boulot, blog, me prennent un temps fou et me laisse peu de place pour remettre le nez dans le code de markItUp!. J'avais bien avancé sur la 1.2 mais finalement, ça ne ressemblait qu'à une suite de patches mal intégrés. Cette version m'aurait demandé de toute façon de refaire les exemples et une grande partie de la doc et du site web. Quitte à faire tout se travail, je préfère prendre le temps et développer directement la 2.0 avec tout se qu'il faut dedans et bien ordonné. Seulement ça prend beaucoup beaucoup de temps. Pour le flux, il est comme d'habitude non ? TItre et intro.

Commentaire de Emmanuel

(Emmanuel) — Tue, 07 Jul 2009 02:56:34 GMT

Je commente juste le début, c'est la seule chose qui m'ai marqué depuis le flux rss : version 2.0 (sortie officielle décembre 2039) ? Héhé ... avec ça, on peut espérer une super nouvelle version :o) Avec un peu plus de sérieux, je vais lire l'article avec plaisir, comme d'habitude et je reviendrais peut être commenter. Et avec autant de sérieux, une version 2.0 est prévue dans un vrai avenir moins éloigné ? PS : c'est volontaire d'avoir réduit le flux RSS depuis quelques semaines à son strict minimum ?