Bonjour Bul3,
Tout d'abord, je te remercie de t'inquiéter de mon problème et de bien vouloir me donner un coup de main.
Afin que tu saisisses plus clairement mon travail voici ce que je fais.
Je bosse actuellement sur un portail referenceant certaines maisons d'hotes au maroc.
- J'ai besoin d'une carte du maroc (c'est fait) contenant des areas.
- Au survol de la souris, ces areas, afficheraient des infobulles.
- Ces infobulles afficheraient une liste de liens (etablissements hoteliers) qui redirigeraient vers une page en php.
Mais (y en a toujours un) et c'est la le hic, c'est que l'on puisse cliquer les liens contenu dans la boite.
Ces liens ouvriraient une page en php.
L'idéal serait que cette infobulle s'ouvre a coté du pointeur de la souris au survol de l'area et se ferme en quittant l'area.
L'infobulle devrait s'afficher uniquement dans la frame (centrale) sans en sortir etant donné que ma page est divisé en 3 colonnes:
- 1 menu a gauche
- 1 frame centrale contenant le blabla et donc dans cette page ma map
- 1 bandeau a droite reservé aux annonces publicitaire
Voici ci dessous le bout de code que j'ai bidouillé (un parmi tant d'autres).
1/ ca ne marche pas
2/ Ca ne répond pas du tout a ce que je voudrais faire mais bon...j'ai pas trouvé mieux.
Voila.
Merci encore pour ton aide.
<script type="text/javascript">
//----------------
function _0(afficheId"bloc1"){
this_.onmouseout= function(){};
}
//----------------
function _1(afficheId"bloc1"){
this_.innerHTML = "OVER LIEN";
}
//----------------
function _2(cacheId"bloc1"){
this_.innerHTML = "LIEN";
}
</script>
<div id="page">
<div style="position:relative">
<img src="carte_pricipale.gif" width="420" height="345" border="0" usemap="#map" />
</div>
<map name="map">
<area shape="rect"
onclick = "_0( this);"
onmouseover = "_1( this);"
onmouseout = "_2( this);"
coords="174,164,239,185"/>
</map>
<div class="bloc1" id="ouzoud">contenu de mon div</div>