Discussion :

[xavier.ninane]

Bonjour,

J'interroge la communauté pour des pistes et des retours d'expérience.

Je souhaite créer une image cliquable "multi-zones".

Imaginez la carte de France découpées selon les Régions (ou les Départements, ou...)

L’utilisateur pourrait cliquer sur chacune des Régions (ou Départements, ou...), et cette zone se mettrait, sur clic, en surbrillance.

Bien entendu, l’interaction avec la zone cliquée (en surbrillance) permettrait d'opérer des opérations propres avec ladite zone : ajouter des habitants, par exemple.

Des pistes ?

Merci.

X.

[Yusep]

Bonjour.
Vous avez un exemple dans Windev qui traite ce cas.

[hpascal]

Bonjour

Cet exemple est dans les exemples unitaires :
"Le champ Image (zone de clicage), Utilisation du champ Image pour gérer des zones de clicage"

Le principe est d'intercepter la couleur du point cliqué dans une image (cachée) qui sert de référence et contient les zones avec une couleur par zone

[tbc92]

Il y a aussi des composants qui font exactement ça ( carte de France ou d'Europe clicable). On les trouve dans l'onglet composant ,

[xavier.ninane]

Bonjour,

J'ai testé l'exemple livré pour en appréhender le concept.

Je suppose que pour obtenir le résultat escompté (la zone cliquée se met en surbrillance, ou toute autre forme de mise en évidence), il va falloir que je joue avec autant de champ image que de zones et que je rende ces champs visible/invisible en fonction de la zone cliquée.

Avez-vous d'autres pistes à suggérer ?

Qqn a-t-il déjà mis en œuvre une solution de ce genre ?

D'avance merci.

Cordialement.

[hpascal]

Pas trop d'idées là dessus

Juste un conseil par contre, pour avoir utilisé cette technique : il vaut mieux que toutes tes images aient la même taille que l'image d'origine
Pour chaque image tu laisses juste la partie concernée et le reste en transparent, ça ne coute pas trop au niveau de la taille d'image

Comme ça, toutes tes images seront aux mêmes coordonnées et tu n'auras pas à bidouiller au pixel près pour essayer de faire coller les zone sur l'image

[Patrice Terrier]

Vous pouvez essayer avec des boutons images (png) dont la forme s'adapte à celle des différentes régions, c'est encore plus simple.

...