Newsgroup: it.comp.lang.javascript
Titolo: Che effetti strabilianti!

Salve a tutto il ng,
chi di voi ha suggerimenti per realizzare un menu' a tendina come quello
superiore di questo sito?
Ah... e che dire delle voci espandibili nella barra laterale sx?
Beh... che darei per saperle fare! Chi mi indirizza???
AIUTATEMI: vorrei imparare!
GRAZIE 2000
http://www.microsoft.com/italy/mspress/about/default.htm

Un po' di tempo fa ho abbozzato questo scriptillo, vedi se puň tornarti
utile:
<html>
   <head>
      <title>Prova</title>
      <style>
         td {font-family:verdana; font-size:8pt; color:#ffffff;
font-weight:bold}
         div {font-family:verdana; font-size:8pt; color:#000000;
font-weight:bold}
         a {color:#ffffff; text-decoration:none}
         a:hover {color:#c0c0c0}
         div {visibility:hidden}
      </style>
      <script language="javascript">
      function show(what)
      {
         for (i = 1; i <= 4; i++)
         {
            if (what.substring(1) == i)
            {
               strToShow = "m"+i;
               document.all[strToShow].style.visibility = "visible";
            }
            else
            {
               strToHide = "m"+i;
               document.all[strToHide].style.visibility = "hidden";
            }
         }
      }
      function HideAll()
      {
         for (i = 1; i <= 4; i++)
         {
            strToHide = "m"+i;
            document.all[strToHide].style.visibility = "hidden";
         }
      }
      </script>
   </head>
   <body topmargin=0 leftmargin=0>
      <table border=0 cellspacing=0 cellpadding=0 bgcolor="#c0c0c0"
width=100% onmouseover="HideAll()">
         <tr><td>Ciao</td></tr>
      </table>
      <table border=0 cellspacing=0 cellpadding=0 bgcolor="#ff0000">
         <tr><td onmouseover="show('m1')"><a
href="peppe.htm">Prova</a></td><td onmouseover="HideAll()"> | </td><td
onmouseover="show('m2')"><a href="peppe.htm">Prova2</a></td><td
onmouseover="HideAll()"> | </td><td onmouseover="show('m3')"><a
href="peppe.htm">Prova</a></td><td onmouseover="HideAll()"> | </td><td
onmouseover="show('m4')"><a href="peppe.htm">Prova2</a></td></tr>
      </table>
      <table border=0 cellspacing=0 cellpadding=0 bgcolor="#0000ff"
width=100% onmouseover="HideAll()">
         <tr><td>Ciao</td></tr>
      </table>
      <div id="m1" style="position:absolute; top:26; left:0;
background:#c0c0c0" onmouseover="show('m1')"
onmouseout="this.style.visibility='hidden'">
         <a href="peppe.htm" onmouseout="show('m1')">Menů1</a><br>
         Cerca<br>
         Trova<br>
         Contatta
      </div>
      <div id="m2" style="position:absolute; top:26; left:44;
background:#c0c0c0" onmouseout="this.style.visibility='hidden'">
         Menů2<br>
         Cerca<br>
         Trova<br>
         Contatta
      </div>
      <div id="m3" style="position:absolute; top:26; left:96;
background:#c0c0c0" onmouseout="this.style.visibility='hidden'">
         Menů3<br>
         Cerca<br>
         Trova<br>
         Contatta
      </div>
      <div id="m4" style="position:absolute; top:26; left:140;
background:#c0c0c0" onmouseout="this.style.visibility='hidden'">
         Menů4<br>
         Cerca<br>
         Trova<br>
         Contatta
      </div>
   </body>
</html>
Provato con IE 5.x
Ciao
Giuseppe Di Natale
gdin...@tin.it
---------------------
Non dormi la notte?
http://www.jsdir.com
---------------------