Un petit challenge en jquery

**bachtasa** · 04/08/2016, 09h51

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.

Nom : apercu.png
Affichages : 156
Taille : 573,9 Ko

Nom : apercu.png
Affichages : 156
Taille : 573,9 Ko

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

merci d'avance pour votre aide.

Invité · 04/08/2016, 10h11

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

**bachtasa** · 04/08/2016, 10h49

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**mathieu** · 04/08/2016, 11h59

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 ?

**bachtasa** · 04/08/2016, 12h45

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.

**mathieu** · 04/08/2016, 16h43

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

**danielhagnoul** · 04/08/2016, 20h07

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".

**bachtasa** · 12/08/2016, 19h33

sinon, quelle librairie me conseillez-vous pour accomplir ce challenge.
merci.

Invité · 12/08/2016, 19h37

Bonjour,

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

On ne peut pas apprendre à ta place...

**bachtasa** · 12/08/2016, 22h42

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".

Invité · 13/08/2016, 08h06

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 ?

**bachtasa** · 13/08/2016, 21h40

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.

Un petit challenge en jquery

jQuery

Discussions similaires

Partager

Partager