Bonjour a tous,
Les forums de javascript.com m'ont souvent fait progresser dans mes recherches et j'y ai souvent trouvé la solution corriger mes scripts.
Ne trouvant pas la source du dysfonctionnement de mon dernier script, j'ai décidé de solliciter votre aide en postant sur ce forum.
J'ai créé une image map et des map aera.
Je souhaiterais faire apparaitre une div au survol de chaque area.
Chaque area devrait afficher sa propre div et a coté du pointeur donc de l'area.
Chaque div devrait contenir son propre "texte, image et liens".
Je réussi a afficher des infobulle en JS mais il semblerait que ce ne soit pas la méthode idéale car il semble impossible de la rendre statique, de lui faire contenir des image et des liens.
Je cherche donc a modifier le code infobulle pour afficher une DIV
Merci d'avance pour vos conseils.
mon code:
<script language="JavaScript" type="text/javascript">
function move(e) { if(i) {
if (navigator.appName!="Microsoft Internet Explorer")
{ document.getElementById(baliseId).style.left=e.pageX + 5+"px";
document.getElementById(baliseId).style.top=e.pageY + 10+"px";}
else { if(document.documentElement.clientWidth>0)
{ document.getElementById(baliseId).style.left=20+event.x+document.documentElement.scrollLeft+"px";
document.getElementById(baliseId).style.top=10+event.y+document.documentElement.scrollTop+"px"; }
else { document.getElementById(baliseId).style.left=20+event.x+document.body.scrollLeft+"px";
document.getElementById(baliseId).style.top=10+event.y+document.body.scrollTop+"px"; }
}
}
}
function montre(baliseId) { if(i==false)
{ document.getElementById(baliseId).style.display='block';
} }
function cache(baliseId) { if(i==true)
{ document.getElementById(baliseId)).style.display='none'; i=false;
}
}
document.onmousemove=move;
</script>
mon code html
<area shape="rect" HREF="AAAAA.php"
onmouseover="montre('id_de_la_div');"
onclick=comment supprimer le onmouseout et rendre la div statique pour pouvoir cliquer sur ses liens insérés a l'intérieur?
onmouseout="cache('id_de_la_div');"
coords="174,164,239,185"/>
<area shape=....................."/>
<area shape=....................."/>
etc...
<div class="mon_css" name="AAA" id="mon-id">img src, text, lien</div>
<div class=".....................
<div class=".....................
etc...