Newsgroup: it.comp.lang.javascript
Titolo: menu a tendina...

Ti mando una bozza di uno script fatto diverso tempo fa, testato con IE
<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>
Per quanto riguarda la seconda domanda, se hai già esperienze di
programmazione è sufficiente scaricare la documentazione JS dal DevEdge
(
http://developer.netscape.com
), seguire il NG e (non per essere di parte
:) ) visitare di tanto in tanto JS Dir (
http://www.jsdir.com
)
Ciao
Giuseppe Di Natale
gdin...@jsdir.com
http://www.jsdir.com

Ciao a tutti...
Vorrei sapere se qualcuno può spiegarmi come si fanno le tendine a scomparsa
che utilizza il sito della microsoft...Non conosco bene javascript avetee un
libro da consigliarmi...

 :) ) visitare di tanto in tanto JS Dir (
http://www.jsdir.com
)
Come "non per essere di parte"..... come "di tanto in tanto"...?
La HomePage predefinita dev'essere!!!! :-)))
Che figura mi fai fare? :-)
Guarda che ti faccio la multa sai?
Ti tiro una yella che manco quello con il monitor che si spegne, la scheda 
audio che... non si audisce... e il floppy che... floppa!!!!!! :-))))
-- 
Ciao, Riccardo
------------------------------------------------------------------------
WebMaster: ----> 
http://www.jsdir.com
 <---- (aka 
http://www.jspoint.it
)
------------------------------------------------------------------------
               Nessun traguardo è abbastanza lontano.
------------------------------------------------------------------------

 wrote in message
90ocir$9gu$1...@fe1.cs.interbusiness.it...

http://www.jsdir.com
  FAQ - DHTML
andreotta fabiano
 WebMªster ATI POWER s.n.c.
 
andr...@atipower.it
 
http://www.atipower.it
 
http://www.aticommerce.com
 
http://www.afdsoftware.freeweb.org
 
http://www.jsdir.com
 
http://www.javascript.3000.it

non avresti qualcosa che funziona anche con netscape ?
ho visto dei siti con menu del genere, sono andato a vedere i sorgenti ma
non ci capico nulla , sono troppo grandi.
un esempio come quello che hai postato sarebbe l'ideale perchè è piccolo e
si riesce a comprenderlo , ma l'ideale sarebbe un esempio piccolo piccolo
(due tendine per esempio) ma che funzionasse con IE e NN
ciao
P.S.  se ce l'hai già , non voglio farti fare lavori supplementari

Non ce l'ho pronto, però se mi segnali il sito in cui l'hai visto possiamo
vedere cosa fare


 vedere cosa fare
ho seguito il consiglio di atipower , faq 322 , un grande esempio
grazie ugualmente
frolix8

 
http://www.jsdir.com
  FAQ - DHTML
Non ho visto il codice, ma ha dei difetti su NS 4.x (taglia parte del menu',
e nel resize).
Dacci un occhiata quando puoi, io intanto te l'ho detto. :)

 wrote in message
9127fu$fmp$1...@fe2.cs.interbusiness.it...

ok....thanks
