Un petit challenge en jquery

Version imprimable

04/08/2016, 09h51
bachtasa

1 pièce(s) jointe(s)

Un petit challenge en jquery

Salut.

voila j'ai commencé récemment un petit projet en JQuery.
La problématique est la suivante: on a une palette de couleurs et une image, quand on clique sur une couleur on doit pouvoir changer la couleur des zones précises de l'image.
bon ,j'ai déjà fais la moitié du travail, je bute sur l'évenement onclick qui transmet la valeur de la couleur sélectionné et l’évènement qui permet figer la couleur sur la zone de l'image quand on clique dessus et enfin pouvoir enregistre le résultats de l'image finale a l'aide d'un bouton.

Pièce jointe 217149

voici mon code que j'ai développé: ~~(lien mort supprimé)~~

merci d'avance pour votre aide.
04/08/2016, 10h11
Invité

Bonjour et bienvenu,

des fichiers externes ont peu de chance d'être ouverts...

-> mets directement ton code dans le contenu du message, en ajoutant les balises [CODE] (icône "#" du menu)

IMPORTANT :
uniquement le code nécessaire et suffisant à la compréhension et la résolution du problème.
+ commentaires et explications

Et, comme nous ne sommes pas là pour travailler à ta place :
pose une question précise, sur une difficulté précise, avec des bout de code précis.
Merci

En faite j'ai presque terminé, il me manque juste deux petites fonction :

1-j'ai utilisé le plugin maphilight pour jquery :
Code:

1 2 3 4 5 6 7 8 9 10 11 $(document).ready(function() { var data = {}; jQuery('#image').maphilight(); data.fillColor = couleur; // ------clouleur data.strokeWidth ='0.1' data.fillOpacity = '0.8'; $('area').data('maphilight', data).trigger('alwaysOn.maphilight'); });
j'aimerai juste transmettre la couleur a data.fillColor quand un evement onclick se déclenche.
j'ai utilisé varibale global ,fonction ...etc mais rien.

04/08/2016, 11h59
mathieu

dans quel sens vous voulez que ça fonctionne ?
on clique d'abord sur une zone et ensuite les clics sur les couleurs modifient la zone ? ou alors on clique d'abord sur une couleur et les clics sur les zones modifient la couleur ?
04/08/2016, 12h45
bachtasa

on clique d'abord sur la couleur, et puis l'appliquer sur la zone et si c'est possible elle doit rester cliquer.
merçi.
04/08/2016, 16h43
mathieu

dans ce cas, au moment du clic sur la couleur, vous stockez la couleur dans une variable globale
et comme ça au moment du clic sur la zone, vous récupérez la couleur dans cette variable
04/08/2016, 20h07
danielhagnoul

Citation:

Envoyé par bachtasa

[...] voici mon code que j'ai développé: http://efshare.com/?s=SXEY4K

Sur la page web ouverte avec ce lien, on voit uniquement une boîte de dialogue qui affiche le message "connecting to sender".
12/08/2016, 19h33
bachtasa

sinon, quelle librairie me conseillez-vous pour accomplir ce challenge.
merci.:P
12/08/2016, 19h37
Invité

Bonjour,

Connaitre (=comprendre et savoir utiliser) JavaScript (et jQuery) serait forcément un plus... :aie:

On ne peut pas apprendre à ta place...
12/08/2016, 22h42
bachtasa

c'est le but de ce forum, on est içi pour s'entraider les uns les autres.
pour la petite histoire c'est pour un ami que j'aide.
c'est pas ma spécialisation en faite, moi je suis plutôt orienter vers les systèmes "C,C++,ASM".
13/08/2016, 08h06
Invité

L'entraide, ça fonctionne dans les deux sens.

Tout ce que tu nous as fourni, c'est un bout de code (plugin maphilight) et une copie d'écran !...
+ tu parles de "librairie"... en pensant "baguette magique"
Nous ne sommes pas magiciens.

Donc, à part trouver LE plugin qui va bien et fait exactement ce que tu demandes...
il va falloir que tu te documentes et apprennes le vocabulaire pour comprendre ce qui fait quoi.

Qu'en est-il du bouton ? comment est sélectionnée la couleur ?... à quoi la transmettre... ?
On n'a pas beaucoup d'infos.
Donc pas beaucoup de réponses non plus.

N.B. mathieu t'a donné une voie à suivre.
L'as-tu fait ? Ecris un bout de code ?
13/08/2016, 21h40
bachtasa

Je viens de trouver la source de mon problème qui était assez simple à vrai dire.
Donc j'ai juste changer l'ordre des fonctions jQuery dans le <head>.
Tout simplement.Fallait y penser.