[JS] Menu Verticale

**7vite** · 22-06-2004, 15:13

Sapete indicarmi dove posso trovare un menu verticale il più possibile simile a questo?
Grazie.

**var** · 22-06-2004, 15:15

prova ravanando qui.

ciao

**7vite** · 22-06-2004, 15:26

Originariamente inviato da var
prova ravanando qui.

ciao

Acc.! grazie var, tutti in DHTML!
Preferivo qualcosa più banale e più compatibile (anche se il menu dell'esempio va solo con IE

)

**var** · 22-06-2004, 15:29

Originariamente inviato da 7vite
Acc.! grazie var, tutti in DHTML!
Preferivo qualcosa più banale e più compatibile (anche se il menu dell'esempio va solo con IE

)

sicuramente quello è fatto con i CSS.
se mi dici le voci che vorresti, te lo preparo io in una decina di minuti...

**7vite** · 22-06-2004, 15:32

Originariamente inviato da var
sicuramente quello è fatto con i CSS.
se mi dici le voci che vorresti, te lo preparo io in una decina di minuti...

Addirittura!

Metti tu quattro voci e un paio di voci di sottomenu a tuo piacere poi aggiusto io.
Grazie in anticipo.

**var** · 22-06-2004, 15:44

Originariamente inviato da 7vite
Addirittura!

Metti tu quattro voci e un paio di voci di sottomenu a tuo piacere poi aggiusto io.
Grazie in anticipo.

ok, dammi un pò di tempo e ti faccio una bozza...

**7vite** · 22-06-2004, 15:45

Originariamente inviato da var
ok, dammi un pò di tempo e ti faccio una bozza...

Ci mancherebbe anche che ti mettessi fretta!

Quando vuoi.

**var** · 22-06-2004, 17:22

prova questo esempio, considerando che se vogliamo possiamo migliorarlo:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>provola</title>

<script language="JavaScript" type="text/javascript">
<!--

var voci=new Array();
var contenuti=new Array();
var mybool=null;

function riempi() {
 var j=0;
 var k=0;
 var livelli=document.getElementsByTagName('div');
 for (var i=0; i<livelli.length; i++) {
  if (livelli[i].id.indexOf("voce")!=-1) {
	 voci[j]=livelli[i]; 
	 j++;
	}
	if (livelli[i].id.indexOf("contenuto")!=-1) {
	 contenuti[k]=livelli[i]; 
	 k++;
	}
 }
 mybool=new Array(k);
 for (var i=0; i<mybool.length; i++) mybool[i]=false;
}

function mn(indice) {
 for (var i=0; i<contenuti.length; i++) {
  if (i==indice) {
		 if (mybool[i]==false) {
		 		mybool[i]=true;
				contenuti[i].style.display="inline";
		 }
		 else {
		 		mybool[i]=false;
				contenuti[i].style.display="none";
		}
	}
	else contenuti[i].style.display="none";
 }
}

//-->
</script>


<style type="text/css">
<!--
* {
 font-size:10px;
 font-family:Verdana;
}

.classevoci {
 width:200px;
 background-color:#CDE1F1;
 border:1px solid #035EA4;
 text-align:left;
 font-weight:bold;
 margin:3px;
}

 
a, a:hover, a:link, a:visited {
 text-decoration:none;
}

.classecontenuti {
 text-align:left;
 font-weight:bold;
 display:none;
 position:relative;
 left:15px;
}

-->
</style>


</head>
<body onload="riempi();">
<div id="voce0" class="classevoci">
Testo1
</div>
<div id="contenuto0" class="classecontenuti">
Voce1

Voce2

Voce3

</div>
<div id="voce1" class="classevoci">
Testo2
</div>
<div id="contenuto1" class="classecontenuti">
Voce4

Voce5

Voce6

</div>
<div id="voce2" class="classevoci">
Testo3
</div>
<div id="contenuto2" class="classecontenuti">
Voce7

Voce8

Voce9

</div>
</body>
</html>

ciao

**7vite** · 22-06-2004, 17:43

Grazie var,
ottimo lavoro.
Ora vedo fino a che punto riesco a sistemarlo.
Qualora un giorno tu avessi bisogno di una dritta in flash mi trovi sempre in quel forum.
Ciao e grazie ancora.

**var** · 22-06-2004, 17:47

Originariamente inviato da 7vite
Grazie var,
ottimo lavoro.
Ora vedo fino a che punto riesco a sistemarlo.
Qualora un giorno tu avessi bisogno di una dritta in flash mi trovi sempre in quel forum.
Ciao e grazie ancora.

ti ringrazio, e scusami per il ritardo. ;)

Discussione: [JS] Menu Verticale

Strumenti discussione

Ricerca discussione

Visualizza

[JS] Menu Verticale

Permessi di invio