Ciao a tutti,
premetto che sono tutt'altro che un folle masticatore di javascript, e questo mio status mi porta a incagliarmi anche su semplici script.
Devo mappare un'immagine e far apparire dei div con delle didascalie al passaggio del mouse. Inoltre, quando tolgo il mouse la didascalia deve sparire.
Vi posto quello che sono riuscito a fare (scopiazzando :-) )... da qui in poi, però è tutto nero.
grazie in anticipo.
ciao ciao
fabio
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" language="javascript">
function visualizza(id){
if (document.getElementById){
if(document.getElementById(id).style.display == 'none'){
document.getElementById(id).style.display = 'block';
}else{
document.getElementById(id).style.display = 'none';
}
}
}
</script>
</head>
<body>
<div style="float: left;">[img]../gallery/Parco1.jpg[/img]
<map name="Map" id="Map">
<area shape="rect" coords="40,91,147,269" href="#" onmouseover="visualizza('immagine'); return false" />
<area shape="rect" coords="179,29,371,66" href="#" onmouseover="visualizza('immagine3'); return false" />
<area shape="rect" coords="309,83,407,269" href="#" onmouseover="visualizza('immagine2'); return false"/>
</map></div>
<div id="immagine" style="display:none">11111111111111111111111111111 11111</div>
<div id="immagine2" style="display:none">22222222222222222222222222222 2222222222222</div>
<div id="immagine3" style="display:none">33333333333333333333333333333 3333333333333</div>
</body>
</html>
Rispondi quotando
