Newsgroup: it.comp.lang.javascript
Titolo: menu a tendina...(lungo)

Ho trovato su 
HTML.IT
 questo script che, con l'utilizzo dei layer, permette
di creare un menu a tendina che appare con un click. Ora vorrei realizzarne
uno a fianco, ma non ho la più pallida idea di come procedere...ecco il
codice per il primo menu
FILE MENU.HTM
****************************************
<script language="JavaScript1.2">
if (document.layers) {n=1;ie=0}
if (document.all) {n=0;ie=1}
function init() {
if (n) tab = document.tabDiv
if (n) poptext = document.poptextDiv
if (ie) tab = tabDiv.style
if (ie) poptext = poptextDiv.style
}
var tabShow=1;
function hidepoptext() {
        if (tabShow == 0) {
         if (n) {
                tab.visibility = "hide";
                tab.visibility = "show";
                poptext.visibility = "hide";
                tabShow = 1;
                return;
            }
   if (ie) {
                tab.visibility = "hidden";
                tab.visibility = "visible";
                poptext.visibility = "hidden";
                tabShow = 1;
                return;
           }
  }
        if (tabShow == 1) {
         if (n) {
                tab.visibility = "hide";
                tab.visibility = "show";
                poptext.visibility = "show";
                tabShow = 0;
             }
   if (ie) {
    tab.visibility = "hidden";
                tab.visibility = "visible";
                poptext.visibility = "visible";
                tabShow = 0;
    }
}
}
</script>
<Style>
a { color: #ffffff }
a:hover { background: #ffffff; color: #333399; text-decoration: none }
body { font: 10pt Verdana, Arial, Helvetica, sans-serif }
div { font: 10pt Verdana, Arial, Helvetica, sans-serif; font-weight: bold}
td { color: #ffffff; font: 10pt Verdana, Arial, Helvetica, sans-serif }
.sfondo1 { background: #333399 }
.sfondo2 { background: #996699 }
.sfondo3 { background: #996699 }
.title { CURSOR: hand; padding-bottom: 1px; padding-left: 1px;
padding-right: 1px; padding-TOP: 1px; WIDTH: 100% }
.text { border-bottom: #996699 1px solid; border-left: #999999 1px solid;
border-right: #999999 1px solid; border-TOP: #996699 1px solid;
padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-TOP:
2px }
#tabdiv {
        position:absolute;
        top:150px;
        left:200px;
        z-index:2;
        visibility:show;
}
#poptextdiv {
        visibility:hide;
        visibility:hidden;
        position:absolute;
         width:150px;
         top:200px;
         left:200px;
         z-index:0;
        color:white;
        border-color:"#ffffff";
        border-width:2px;
        background-color:"#ffffff";
        color:"#ffffff";
        padding:10 5 10 5;
        z-index:1;
}
</style>
<link rel=stylesheet type="text/css" href="style.css">
<body onLoad="init()">
<div ID=tabDiv style="left: 10px; width: 150; top: 1px">
  <a href="javascript:hidepoptext();">
    <b><font color="Black">PROVA MENU</font></b>
  </a>
</div>
<div ID=poptextDiv style="left: 10px; width: 150; top: 10px">
  <table border="1" cellspacing="0" cellpadding="0" bordercolor="#000000">
    <tr class="sfondo1">
      <td>
        <a href="post-it.txt">
          <div align="left" class="title">
          JavaScript
          </div>
        </a>
      </td>
    </tr>
    <tr class="sfondo1">
      <td>
        <a href="post-it1.txt">
          <div align="left" class="title">
          JavaScript
          </div>
        </a>
      </td>
    </tr>
    <tr class="sfondo1">
      <td>
        <a href="post-it1.txt">
          <div align="left" class="title">
          JavaScript
          </div>
        </a>
      </td>
    </tr>
    <tr class="sfondo1">
    <td>
      <a href="post-it1.txt">
          <div align="left" class="title">
          JavaScript
          </div>
        </a>
    </td>
  </tr>
  <tr class="sfondo1">
    <td>
      <a href="post-it1.txt">
          <div align="left" class="title">
          JavaScript
          </div>
        </a>
    </td>
  </tr>
</table>
</div>
</body>
***********************************
Che modifiche devo apportare allo script per realizzarne uno uguale, ma con
link e quindi proprietà diverse ?
Ringrazio anticipatamente tutti coloro vorranno aiutarmi,
Saluti, Marco

 ****************************************
Questo menù non funziona con NN6..........quindi per ritrovarti a breve a
metterci le mani , ti consiglio di usare uno dei due che trovi su
http://www.jsdir.com
 FAQ-DHTML  (sono cross-browser)
Un terzo menù ad albero stile esplora risorse di windows , l'ho appena
finito e probabilmente lo troverai a breve anche quelllo su jsdir...
andreotta fabiano
 WebMªster ATI POWER s.n.c.
 
andr...@atipower.it
 
http://www.atipower.it
    -new-
 
http://www.aticommerce.com
 
http://www.afdsoftware.freeweb.org
 
http://www.jsdir.com