codice:
<HTML>
<HEAD>
<TITLE>Mappa</TITLE>
<SCRIPT LANGUAGE="JavaScript"> //Define global variables
var totalLayersInLoop=5;
var layerNumShowing=1;
function init(){
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}else{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
} }
function showLayerNumber(number){
var layerNumToShow=number;
hideLayer(eval('"layer' + layerNumShowing+'"'));
showLayer(eval('"layer' + layerNumToShow+'"'));
layerNumShowing=layerNumToShow; }
function showPreviousLayer(){
var layerNumToShow=layerNumShowing-1;
if (layerNumToShow < 1){layerNumToShow=totalLayersInLoop;}
hideLayer(eval('"layer' + layerNumShowing+'"'));
showLayer(eval('"layer' + layerNumToShow+'"'));
layerNumShowing=layerNumToShow; }
function showNextLayer(){
var layerNumToShow=layerNumShowing+1;
if (layerNumToShow > totalLayersInLoop){layerNumToShow=1;}
hideLayer(eval('"layer' + layerNumShowing+'"'));
showLayer(eval('"layer' + layerNumToShow+'"'));
layerNumShowing=layerNumToShow; }
function showLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'); }
function hideLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"'); }
</SCRIPT>
<STYLE TYPE="text/css">
#layer1 {
POSITION: absolute;
Z-INDEX: 10;
VISIBILITY: hidden;
LEFT: 695px;
TOP: 63px;
width: 185px;
height: 193px;
}
#layer2 {
POSITION: absolute;
Z-INDEX: 20;
VISIBILITY: hidden;
LEFT: 695px;
TOP: 63px;
width: 164px;
height: 12px;
}
#layer3 {
POSITION: absolute;
Z-INDEX: 30;
VISIBILITY: hidden;
LEFT: 695px;
TOP: 63px;
width: 168px;
height: 114px;
}
#layer4 {
POSITION: absolute;
Z-INDEX: 20;
VISIBILITY: hidden;
LEFT: 695px;
TOP: 63px;
width: 78px;
height: 35px;
}
#layer5 {
POSITION: absolute;
Z-INDEX: 20;
VISIBILITY: hidden;
LEFT: 695px;
TOP: 63px;
width: 77px;
height: 15px;
}
#loopControls {POSITION: absolute; Z-INDEX: 40; VISIBILITY: visible; LEFT: 420px; TOP: 139px;}
</STYLE>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</HEAD>
<BODY bgcolor="white" onLoad="init()">
Posiziona il mouse sulla provincia di interesse e clicca su uno dei Presìdi
in elenco
<DIV ID="layer1" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">»</font>
<font size="1">Bari (Dolceamaro)
<font color="#990000">»</font> Bari (Granteatrino)
<font color="#990000">»</font> Bari (Mago Girò)
<font color="#990000">»</font> Bitritto-Bitetto-Sannicandro
<font color="#990000">»</font> <a href="viewlink.php?url=castellana">Castellana
Grotte</a>
<font color="#990000">»</font> Conversano
<font color="#990000">»</font> Corato
<font color="#990000">»</font> Giovinazzo
<font color="#990000">»</font> Molfetta
<font color="#990000">»</font> Monopoli
<font color="#990000">»</font> Noicattaro
<font color="#990000">»</font> Polignano a mare
<font color="#990000">»</font> Santeramo in colle
<font color="#990000">»</font> Terlizzi
<font color="#990000">»</font> Triggiano</font></font> </DIV>
<div id="layer2" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">»</font>
<font size="1">San Giovanni Rotondo</font></font>
</div>
<DIV ID="layer3" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">»</font>
<font size="1">Lecce
<font color="#990000">»</font> <a href="viewlink.php?url=lecce">Lecce
(Fondo Verri)</a>
<font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font>
</font>Calimera
<font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font>
</font>Casarano
<font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font>
</font>Casarano (Senza Frontiere)
<font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font>
</font>San Cesario
<font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font>
</font>San Donato
<font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font>
</font>Sannicola
<font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font>
</font>Taviano</font>
</font> </DIV>
<DIV ID="layer4" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">»</font>
<font size="1">Manduria</font>
</font> </DIV>
<DIV ID="layer5" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">»</font>
<font size="1">Fasano</font>
</font> </DIV>
<div align="left">[img]images/puglia.jpg[/img]
<map name="Map">
<area shape="poly" coords="214,151" href="#">
<area shape="poly" coords="123,85,135,90,146,92,162,97,179,101,208,112,220,118,226,124,227,129,227,135,223,146,215,150,207,151,198,150,188,151,181,154,174,155,166,151,158,153,150,153,146,159,141,155,131,147,126,137,114,134,104,135,104,124,102,116,97,110,90,108,115,86" onmouseover="showLayerNumber(1)">
<area shape="poly" coords="48,11,62,9,76,11,93,7,102,6,108,9,112,17,114,25,108,33,101,38,89,51,89,62,97,67,104,74,112,78,108,84,102,91,97,96,90,102,85,108,73,111,61,115,52,117,39,115,32,110,32,95,28,91,21,92,15,80,9,70,4,62,5,54,16,37,16,26,17,15" onmouseover="showLayerNumber(2)">
<area shape="poly" coords="235,133,245,140,258,145,268,149,286,153,294,162,299,171,291,179,284,186,274,186,258,182,251,178,247,173,234,144,230,145" onmouseover="showLayerNumber(5)">
<area shape="poly" coords="172,164,173,184,181,189,189,193,197,185,204,180,213,180,218,182,222,189,226,196,242,198,253,201,265,202,270,200,268,190,256,184,245,174,241,165,236,156,232,149,196,153,175,158" onmouseover="showLayerNumber(4)">
<area shape="poly" coords="302,180,315,180,325,185,333,194,341,205,346,216,346,226,338,234,338,242,339,253,337,262,329,258,315,254,305,246,299,240,297,222,293,213,287,205,282,201,277,197,277,191" onmouseover="showLayerNumber(3)">
</map>
</div>
</body>
</html>