menu a tendina che scende tramite rollover???

**ChiL8** · 17-09-2007, 13:29

ciao a tutti
premetto che col java ci chiappo poco...
a giro per la rete ho trovato questo semplice codice per un menu a tendina facilmente adattabile...

il problema è questo, vorrei che i sottomunu apparissero tramite rollover senza stare a cliccare su ogni categoria principale.

qualcuno mi può aiutare???

grazie a tutti
ciao

codice:

<html>
<head>
<title>Un Semplice Menu con javaScript</title>
<style>
a:visited{color:black;font-family:verdana}
a:link{color:black;font-family:verdana}
a:hover{color:blue;font-family:verdana}

td {color:black;font-family:verdana;font-size:8pt}
p {color:black;font-family:verdana;font-size:8pt}
h1 {color:black;font-family:verdana;font-size:12pt}
</style>
<script>

function startmenu()
{
	document.getElementById('menu1').style.display = "none";
	document.getElementById('menu2').style.display = "none";
	document.getElementById('menu3').style.display = "none";
	document.getElementById('menu4').style.display = "none";
}

function menufunc(menuId)
{
	if(document.getElementById(menuId).style.display == "none")
	{
		startmenu();
		document.getElementById(menuId).style.display = "block";
	}
	else
	{
		startmenu();
	}
}

</script>
</head>
<body onLoad="javascript:startmenu()">
<table width="100%">
<tr>
<td valign="top" width="20%">

menu1
<div id="menu1">
	- sub1

	- sub2

	- sub3

</div>


menu2
<div id="menu2">
	- sub1

	- sub2

	- sub3

	- sub4

</div>


menu3
<div id="menu3">
	- sub1

	- sub2

	- sub3

	- sub4

</div>


menu4
<div id="menu4">
	- sub1

	- sub2

	- sub3

	- sub4

</div>

</td>
<td valign="top" width="80%">

</td>
</tr>
</table>
</body>
</html>

**oronze** · 17-09-2007, 14:58

basta che lo associ all'evento onmouseover invece che al link href

P.S: è JAVASCRIPT, NON JAVA

**ChiL8** · 17-09-2007, 16:26

Originariamente inviato da oronze
[...]P.S: è JAVASCRIPT, NON JAVA

heheheh l'ho detto che ci chiappo poco

grazie mille

**ferdinand.rossi** · 29-03-2013, 11:31

Ho lo stesso menu e vorrei che rimanesse aperto il menu1 quando mi trovo in una specifica pagina. C'è un if che posso impostare dicendo

<?php if ($thisPage=="Contatti") echo lascia aperto il menu1 ?>

Come potrei scrivere considerando questa mia necessità?
Mi aiutate?

Grazie in anticipo.

**cavicchiandrea** · 29-03-2013, 12:08

codice:

function startmenu()
{
<?php if ($thisPage!="Contatti") { ?> 
	document.getElementById('menu1').style.display = "none";
<?php } ?>
	document.getElementById('menu2').style.display = "none";
	document.getElementById('menu3').style.display = "none";
	document.getElementById('menu4').style.display = "none";
}

idem per gli altri menù se la pagina è diversa da quella del menù viene nascosta

**ferdinand.rossi** · 29-03-2013, 12:31

Grazie, ho risolto proprio facendo come mi hai consigliato.
Per più pagine contenute nello stesso menu ho risolto così:

<?php if ($thisPage!="Nome pagina 1") if ($thisPage!="Nome pagina 2") { ?>
document.getElementById('menu1').style.display = "none";
<?php } ?>

Grazie mille!

**cavicchiandrea** · 29-03-2013, 12:33

al posto di questa
<?php if ($thisPage!="Nome pagina 1") if ($thisPage!="Nome pagina 2") {?>
meglio questa come sintassi
<?php if (($thisPage!="Nome pagina 1") ||($thisPage!="Nome pagina 2")){?>

**ferdinand.rossi** · 29-03-2013, 15:28

Con la nuova sintassi non mi funziona e si chiudono, lascio tutto così com'è e dormo sogni tranquilli!

Grazie, mi hai aiutato molto!

Discussione: menu a tendina che scende tramite rollover???

Strumenti discussione

Ricerca discussione

Visualizza

menu a tendina che scende tramite rollover???

Come lasciare il menu aperto

Risolto

Permessi di invio