Originariamente inviato da pierofix
Chiusi, vorrai dire...
Ehh io li vedo aperti, sia su IE che su FF
Questa è la pagina che ho usato:
codice:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.menu_nascosto
{
position:absolute; top:-100px;
width:1px; height:1px;
overflow:hidden;
}
.menu_titolo
{
color:blue;
text-decoration:underline;
cursor:pointer;
}
</style>
<script type="text/javascript">
window.onload = function()
{
// Prepariamo tutti gli attori dello script
var menu = document.getElementById('menu')
var menu_elementi = menu.childNodes
var sotto_menu = new Array()
for (var i = 0; i < menu_elementi.length; i++)
{
if ( menu_elementi.item(i).nodeType == 1 )
{
sotto_menu.push(menu_elementi.item(i))
}
}
var sotto_menu_titoli = new Array()
for (var i = 0; i < sotto_menu.length; i++)
{
var titolo_corrente = sotto_menu[i].getElementsByTagName('span').item(0)
sotto_menu_titoli.push(titolo_corrente)
}
var sotto_menu_voci = new Array()
for (var i = 0; i < sotto_menu.length; i++)
{
var voci_corrente = sotto_menu[i].getElementsByTagName('ul').item(0)
sotto_menu_voci.push(voci_corrente)
}
// Prepariamo le funzioni 'visualizza' e 'nascondi'
function nascondi_menu(indice, menu_corrente)
{
sotto_menu_voci[indice].className = 'menu_nascosto'
menu_corrente.onclick = function()
{
visualizza_menu(indice, menu_corrente)
}
}
function visualizza_menu(indice, menu_corrente)
{
sotto_menu_voci[indice].className = ' '
menu_corrente.onclick = function()
{
nascondi_menu(indice, menu_corrente)
}
}
// Attribuiamo le funzioni ad ogni sotto-menu
function attribuisci_visualizza(elemento,idx)
{
elemento.onclick = function()
{
visualizza_menu(idx, elemento)
return false
}
}
for (var i = 0; i < sotto_menu_titoli.length; i++)
{
var elemento = sotto_menu_titoli[i];
attribuisci_visualizza(elemento, i);
}
// Rendiamo visivamente simili a link i titoli cliccabili dei sotto-menu
for (var i = 0; i < sotto_menu_titoli.length; i++)
{
sotto_menu_titoli[i].className = 'menu_titolo'
}
// Inizializziamo la pagina nascondendo tutti i sotto-menu
for (var Ai = 0; i < sotto_menu_voci.length; i++)
{
sotto_menu_voci[i].className = 'menu_nascosto'
}
var elemento_aperto = document.getElementById('menu1')
elemento_aperto.className = 'menu1';
}
</script>
</head>
<body>
<ul id="menu">[*]
<span>Verdura</span>
<ul id="menu1">[*]Pomodori[*]Carote[/list]
[*]
<span>Frutta</span>
<ul id="menu2">[*]Mele[*]Pere[/list]
[/list]
</body>
</html>
Rispondi quotando
