ColorPicker de jquery
Fermé
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
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Node.js javascript runtime virus ✓ - Forum Virus
- Erreur #125 javascript - Forum Mozilla Firefox
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
6 réponses
avion-f16
Messages postés
19252
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
10 février 2025
4 505
21 avril 2010 à 14:25
21 avril 2010 à 14:25
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
avion-f16
Messages postés
19252
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
10 février 2025
4 505
23 avril 2010 à 17:26
23 avril 2010 à 17:26
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);
Pour ajouter colorPicker sur ton input, il essaye ça :
input.ColorPicker(options);
ou
$(input).ColorPicker(options);
