menu che si apre verso il basso

**pippo2304** · 28-05-2005, 21:25

dovrei fare un semplicissimo menu che quando clicco su un link mi apre sotto un layer o qualcosa che mi visualizzi altre voci, il problema non è visualizzare l'altro layer ma il problema è che ho delle altre voci del menu magari sotto a quella che devo aprire
non so se sono stato chiarissmo provo con un esempio

voce menu 1
voce menu 2
voce menu 3
voce menu 4

ora se clicco ad esempio su voce menu 2 voglio che mi si apra sotto un livello con altre voci del menu e che "voce menu 3" e "voce menu 4" scendino per far spazio al livello che si apre.

grazie

**luxxa** · 28-05-2005, 23:23

Copia in un file e salvalo con estensione .html dovrebbe essere qualcosa di simile a quello che ti serviva.
ciao,
luxxa

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
  <title>Menu Example</title>
  <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<style type="text/css" media="screen">


span { background-color:red }
A:visited, A:link {color: navy }
A:active { border: thin double red }
A:hover { color: yellow}
DIV { font-weight: bolder}
BODY {background-color: #99aabb}
#menu1, #menu2, #menu3 { display: none}
</style>


<SCRIPT LANGUAGE="JavaScript">

<!-- nasconde lo script ai vecchi browser

function cambia(ogg)
 {
	
	if (document.layers)
	{
     targetobject = document.layers[ogg];
	  if ( targetobject.visibility=="show" )
	   targetobject.visibility="hide";
	  else
	   targetobject.visibility="show";
    }
	else if (document.all)
	     {
          targetobject = document.all[ogg];
          if ( targetobject.style.display=="inline" )
	       targetobject.style.display="none";
	      else
	       targetobject.style.display="inline";	
         }
         else if (document.getElementById) 
               { 
			    targetobject = document.getElementById(ogg);
				if ( targetobject.style.display=="none" )
		         targetobject.style.display="inline";
                else
		         targetobject.style.display="none";
               }
   }

// -->
</script>
</head>

<body>
     
<span><h2>Menù a scomparsa</h2></span>

<div onclick=" cambia('menu1') "> primo menu</div>

<p  id="menu1">
link1

link2

link3
</P>

<div onclick=" cambia('menu2') "> secondo menu</div>

<p  id="menu2">
link4

link5

link6
</P>

<div onclick=" cambia('menu3') "> terzo menu </div>

<p  id="menu3">
link7

link8

link9
</P>

</body>
</html>

**pippo2304** · 29-05-2005, 01:04

perfetto, esattamente quello che mi serviva grazie mille =)

Discussione: menu che si apre verso il basso

Strumenti discussione

Ricerca discussione

Visualizza

menu che si apre verso il basso

Permessi di invio