Newsgroup: it.comp.www.html
Titolo: Urgente: Problema con i livelli - gradirei anche un intervento dei mod.

Ho utilizzato dei livelli a scomaprsa. Ossia questi all'apertura della
pagina non si devono vedere. Solo che non accade questo, ossia apro la
pagina e dopo un po' funziona correttamente. Qualcuno di voi può prendersi
un'attimo la briga di dare un occhiata al codice?
Ovviamente il tutto è privo di ogni pretesa.......
Un saluto dal vostro assillatore Michele
<HTML>
<HEAD>
<TITLE>La mia Matera</TITLE>
<META NAME="revist-after" CONTENT="30 days">
<META NAME="GENERATOR" CONTENT="Dramweaver3">
<META NAME="creation_date" CONTENT="dicembre_2000">
<META NAME="authour" CONTENT="Michele Salerno">
<META NAME="DC.Language" SCHEME="RFC1766" CONTENT="Ita">
<script language="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);
// -->
function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null)
{ v=args[i+2];
    if (obj.style) { obj=obj.style;
v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</HEAD>
<body style="background-image: url(../immagini/mat_logo_bis.gif);
background-repeat: no-repeat; background-position: center;
background-attachment: fixed;">
<h1 align="center"><b>Matera</b></h1>
<h1 align="center"><b>Patrimonio Culturale dell'Umanit&agrave;</b></h1>
<table width="10%" border="0" cellspacing="5" cellpadding="5"
bgcolor="#FF9966" align="center">
  <tr>
    <td>
      <div align="center"><a href="../page/home.htm">Home
        Page</a></div>
    </td>
  </tr>
</table>
<h1 align="left"><font size="+7" color="#CCCC00">BEN VENUTO NELLA CITTA' DEI
&quot;SASSI&quot;</font></h1>
<div align="center"> </div>
<h2 align="left"><font color="#0000CC">Mappa della citt&agrave;</font></h2>
<table width="10%" border="0" cellspacing="5" cellpadding="1">
  <tr>
    <td>
      <div align="center"><b
onMouseOver="MM_showHideLayers('bari','','show')"
onMouseOut="MM_showHideLayers('bari','','hide')">Da
        Bari</b></div>
    </td>
  </tr>
  <tr>
    <td>
      <p align="center"><b
onMouseOver="MM_showHideLayers('napoli','','show')"
onMouseOut="MM_showHideLayers('napoli','','hide')">Da
        Napoli</b></p>
      </td>
  </tr>
  <tr>
    <td>
      <div align="center"><b
onMouseOver="MM_showHideLayers('potenza','','show')"
onMouseOut="MM_showHideLayers('potenza','','hide')">Da
        Potenza</b></div>
    </td>
  </tr>
  <tr>
    <td>
      <div align="center"><b
onMouseOver="MM_showHideLayers('generale','','show')"
onMouseOut="MM_showHideLayers('generale','','hide')">In
        Auto</b></div>
    </td>
  </tr>
</table>
<div id="napoli" style="position:absolute; width:200px; height:115px;
z-index:2; left: 220px; top: 230"
onMouseMove="MM_preloadImages('../Immagini/collegamenti/napoli.jpg')"><img
src="../Immagini/collegamenti/napoli.jpg" width="548" height="364"></div>
<div id="bari" style="position:absolute; width:200px; height:115px;
z-index:1; left: 220px; top: 230"
onMouseMove="MM_preloadImages('../Immagini/collegamenti/bari.jpg')"><img
src="../Immagini/collegamenti/bari.jpg" width="546" height="351"></div>
<div id="generale" style="position:absolute; width:200px; height:115px;
z-index:4; left: 220; top: 230"
onMouseMove="MM_preloadImages('../Immagini/collegamenti/generale.jpg')"><img
src="../Immagini/collegamenti/generale.jpg" width="543" height="299"></div>
<h2 align="left">&nbsp;</h2>
<div id="potenza" style="position:absolute; width:200px; height:115px;
z-index:3; left: 220; top: 230"
onMouseMove="MM_preloadImages('../Immagini/collegamenti/potenza.jpg')"><img
src="../Immagini/collegamenti/potenza.jpg" width="546" height="362">
</div>
<p align="center">&nbsp;</p>
</BODY>
</HTML>

...
[CUT]
come sempre preciso: di dhtml ne so proprio poco.....
pero' provo a darti qualche consiglio in attesa che altri siano piu' di
aiuto:
-eliminerei gli style dentro i vari DIV (specificando i vari attributi dei
layers in un CSS)
- quando usi onmouseover e' meglio farlo usando <a href="#"
onmouseover="funzione();return false">
sperando che possa aiutarti...
Ciao
Filippo