<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"><channel><category>pcsoft.fr.webdev</category><copyright>Copyright 2026, PC SOFT</copyright><lastBuildDate>7 May 2009 13:17:03 Z</lastBuildDate><pubDate>6 May 2009 19:46:38 Z</pubDate><description>Bonjour a tous,&#13;
&#13;
je reviens sur un sujet deja connu, mais il me manque juste une petite chose,&#13;
disons plutot une astuce pour realiser ce que je veux ...&#13;
&#13;
Voila nous avons une image clicable definie en zone graphique (map area).&#13;
Sur survol de chaque zone, je rend visible une autre image, qui contient&#13;
juste le numéro de la zone. J'aimerai alors rendre "visible" les bordures&#13;
de la zone, sans succès.&#13;
&#13;
Voici le code JS pour faire ca, avec juste une seule zone, l'image &#13;
clicable se nommant "VUEAERIENNE" et l'image "numéro de la zone" &#13;
s'appelant "IMG_NUM" (ps :j ai desactive la compression des noms) :&#13;
&#13;
[code]&#13;
var mMap=document.getElementsByName("ZCVUEAERIENNE")[0];&#13;
var mArea=mMap.areas[0]&#13;
var mIMG=document.getElementById("IMG_NUM");&#13;
//on active les evenements survol et out (2 syntaxes, a cause de ie et ff)&#13;
if (mArea.attachEvent)&#13;
{		&#13;
mArea.attachEvent('onmouseover',Affiche);&#13;
mArea.attachEvent('onmouseout',Efface);&#13;
mIMG.attachEvent('onmouseover',Affiche;&#13;
mIMG.attachEvent('onmouseout',Efface);&#13;
}&#13;
else if (mArea.addEventListener)&#13;
{		&#13;
mArea.addEventListener('mouseover',Affiche,false);&#13;
mArea.addEventListener('mouseout',Efface,false);&#13;
mIMG.addEventListener('mouseover',Affiche,false);	&#13;
mIMG.addEventListener('mouseout',Efface,false);&#13;
}	&#13;
[/code]&#13;
&#13;
&#13;
Voic les fonctions windev navigateurs pour l'affichage (plus simple pour l opacité) :&#13;
[code]&#13;
PROCEDURE AfficheGite()&#13;
VueAerienne..CurseurSouris=curMain&#13;
IMG_NUM..Opacité=100&#13;
[/Code][Code]&#13;
PROCEDURE EffaceGite()&#13;
VueAerienne..CurseurSouris=curFlèche&#13;
IMG_NUM..Opacité=40&#13;
[/code]&#13;
&#13;
Alors dans l'idée, je voulais rendre visible la zone que l'on survol.&#13;
Dans le premier code JS (lancé sur chargement de la page), on accède &#13;
a cette zone via la map ZCVUEAERIENNE  (windev prefixe le nom de l'image&#13;
par ZC pour la map), et la premiere zone est donc mArea=mMap.areas[0]&#13;
Hors il semble impossible d'appliquer un style à cette zone,&#13;
j ai essayé mArea.style.bordure="1px solid blue";&#13;
et mArea.style.visibility="visible";&#13;
mais rien n'y fait.&#13;
&#13;
Je ne peux pas afficher une image sur toute la zone, puisque cette zone&#13;
est un polygone complexe, et que ca empieterait sur les autres zones.&#13;
&#13;
Voila je n ai pas trouve d autres idées,&#13;
j espere que vous pourrez me debloquer !&#13;
Merdi, Dam's.</description><ttl>30</ttl><generator>WEBDEV</generator><language>fr_FR</language><link>https://forum.pcsoft.fr/fr-FR/pcsoft.fr.webdev/33040-wb14-image-map-area-visible/read.awp</link><title>[WB14] image et map area visible</title><managingEditor>moderateur@pcsoft.fr (Le modérateur)</managingEditor><webMaster>webmaster@pcsoft.fr (Le Webmaster)</webMaster><item><author>damien.arinfo</author><category>pcsoft.fr.webdev</category><comments>https://forum.pcsoft.fr/fr-FR/pcsoft.fr.webdev/33040-wb14-image-map-area-visible-33047/read.awp</comments><pubDate>7 May 2009 13:17:03 Z</pubDate><description>Hum une idée tordue m est venue à l'esprit :&#13;
&#13;
Créer pour chaque zone une image equivalente, en mode survol&#13;
(ie avec un contou…</description><guid isPermaLink="true">https://forum.pcsoft.fr/fr-FR/pcsoft.fr.webdev/33040-wb14-image-map-area-visible-33047/read.awp</guid><link>https://forum.pcsoft.fr/fr-FR/pcsoft.fr.webdev/33040-wb14-image-map-area-visible-33047/read.awp</link><source url="https://forum.pcsoft.fr/fr-FR/pcsoft.fr.webdev/33040-wb14-image-map-area-visible/read.awp">[WB14] image et map area visible</source><title>Re: [WB14] image et map area visible</title></item></channel></rss>
