ColorPicker de jquery
derzy971
-
PINICOLAS -
PINICOLAS -
bonjour,
je ne sais pas si c'est bien ici qu'il faut poster donc veuillez m'excuser si ce n'est pas le cas
je ne connais pas très bien la librairie jquery, mais je cherche un moyen de mettre sur mon site une boite à couleur, j'ai trouvé celui ci https://www.eyecon.ro/colorpicker/#about
le problème c'est que mis a part avec les exemples sur le site, je n'arrive pas à l'utiliser ou plutot a l'adapter
si quelqu'un pouvait m'expliquer comment faire ce serait super
merci d'avance
je ne sais pas si c'est bien ici qu'il faut poster donc veuillez m'excuser si ce n'est pas le cas
je ne connais pas très bien la librairie jquery, mais je cherche un moyen de mettre sur mon site une boite à couleur, j'ai trouvé celui ci https://www.eyecon.ro/colorpicker/#about
le problème c'est que mis a part avec les exemples sur le site, je n'arrive pas à l'utiliser ou plutot a l'adapter
si quelqu'un pouvait m'expliquer comment faire ce serait super
merci d'avance
6 réponses
-
Télécharges l'archive et places les 3 dossiers (css, images et js) dans le même dossier que ta page.
Ensuite, inclus JQuery + le plugin + la feuille CSS (entre <head> et </head>) :<!-- JQuery --> <script type="text/javascript" src="js/jquery.js"></script> <!-- ColorPicker --> <link rel="stylesheet" media="screen" type="text/css" href="css/colorpicker.css" /> <script type="text/javascript" src="js/colorpicker.js"></script>
Ensuite, sur ton champ, ajoute un ID (par exemple : couleur).
Et ajoute à la suite, toujours dans le head :<script type="text/javascript"> $(document).ready(function() { $("#couleur").ColorPicker({ onChange: function(hsb, hex, rgb) { $("#couleur").attr('value','#'+hex); } }); }); </script> -
-
je crée mon input dynamiquement avec js, ce que je voudrais c'est qu'une fois que j'ai cliqué sur le champ input que le plugin colorpicker fonctionne, mais malheureusement, avec cette fonction sa ne fonctionne pas
comment puis-je faire ?
y a-t-il une façon de faire sa par exemple :
input.setAttribute("id","color");
et faire ceci
if(document.all) color.attachEvent("onclick",function(){test();});
else color.addEventListener("click",function(){test();},true);
biensur la fonction test que j'ai modifié
function teste(){
$("#color").ColorPicker({
color:$('#color').val(),
onChange: function(hsb, hex, rgb) {
$("#color").attr('value','#'+hex);
}
});
} -
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Déjà un onclick sur un input ... onfocus serait mieux.
Pour ajouter colorPicker sur ton input, il essaye ça :
input.ColorPicker(options);
ou
$(input).ColorPicker(options); -
Hum... vraiment désolé du déterrage mais pour moi ça ne marche pas j'ai tout essayer je n'arrive pas à récupérer la valeur du hex :(
