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
A voir également:
- Colorpicker javascript
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Erreur #125 javascript - Forum Mozilla Firefox
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
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>) :
Ensuite, sur ton champ, ajoute un ID (par exemple : couleur).
Et ajoute à la suite, toujours dans le head :
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);
}
});
}
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