Bonjour,
il n'y a malheureusement à ma connaissance pas beaucoup de solutions pour gérer ce genre de cas. Je ferai cependant une suggestion en te conseillant de jouer avec les CSS :
- Avec ton XSL, génère autant de balises DIV que nécessaire (autant que de zones actives dans ton map), en attribuant un ID différent pour chacun
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| <head>
<style type="text/css>
DIV.invisible {
top: 150px;
left: 150px;
width: 100px;
height: 100px;
visibility: hidden;
}
</style>
</head>
...
<div id="Par1" class="invisible">
<p>Un paragraphe</p>
<p>Un autre paragraphe</p>
</div>
<div id="Par2" class="invisible">
<p>Un troisième paragraphe</p>
<p>Encore un autre paragraphe</p>
<p>...</p>
</div>
... |
- Avec ton XSL, génère un Javascript différent pour chaque onMouseOver et onMouseOut du map, chacun se référant à un DIV particulier :
<area ... onMouseOver="document.getElementById('Par1').style.visibility='visible';" onMouseOut="document.getElementById('Par1').style.visibility='hidden';"/>
Voilà, voilà... Le XSL ne devrait pas être trop dur à écrire.
Partager