cambiare la visibilità di un elemento

[ilario83]

Scusete, sono alle prime armi e non riesco a creare un menu a tendina.
Vorrei sapere come fare per cambiare la visibilità di un elemento
#menu ul li {display: none;}
e farlo diventare visibile al passaggio del mouse.
all'elemento spacifico non è assegnato un id ma prende la regola dalla root div#menu.
Per creare il menu con css ho guardato le lezioni su html.it
e ovviamente, su FF funziona benissimo, ma IE è sempre un problema.
Qlcn saprebbe aiutarmi? vi prego.

[saltodifondi]

onMouseOver="this.style.display='block'" (oppure display='inline')

OnMouseOut="this.style.display='none'"

[ilario83]

perdonami ancora, ma il javascript nell'head?
In più il link non deve cambiare la visibilità di se stesso ma di un altro elemento della pag (l'elemento ul li).
Intanto Grazie mille...fiducioso attendo.

[Mich_]

Dura poter applicare il codice proposto da salto.
Se il blocco non e` presente/visibile nella pagina, come si fa a cliccarci sopra?

Il codice corretto diventa:
document.getElementById('ID_BLOCCO').style.display ="block"; // visualizzare
document.getElementById('ID_BLOCCO').style.display ="none"; // nascondere

ID_BLOCCO e` definito nel codice HTML con l'attributo id:
<TAG id="ID_BLOCCO" ...>

[ilario83]

, proprio non funz. sapete indicarmi un sito dove posso vedere dei tutorial su come creare un menu a comparsa in js?
O dove si puo scaricare una soluzione semplice?
grazie 1500!

[Mich_]

Il sito di HTML.it: c'e` un buon tutorial sui JS

Nota che non hai specificato il contorno del problema, per cui il codice postato non puo` essere applicato direttamente, ma deve venir interpretato in base al codice HTML e in base all'evento che vuoi usare per visualizzare/nascondere il blocco.

[ilario83]

[*]Approfondimenti
<ul>[*]link[*]link[*]link[*]link[*]link[/list]


vorrei che al passaggio su "approfondimenti" si aprisse l'ul contenente il sottomenu

ricordo che nei css per nascondere lo stesso sottomenu:

#menu ul li {display: none}
mentre per farlo comparire:

div#menu li:hover ul {display: block;position: absolute;z-index: 1;}
+ relativa formattazione
ovviamente su FF funziona bene
non so se chiedo l'impossibile, ma non mi sembra di chiedere a js uno sforzo così assurdo.
Cmq sono completamente ignorante per quanto riguarda linguaggi di programmazione.

[Gaetano Vituzzi]

vorrei allaciarmi alla discussione chiedendo come si fa a posizonare un menu in modo relativo.

ovvero che il div contenente tutto il sottomenu, appaia al di sotto della voce nel menu generale senza usare un posizionamento assoluto.

grazie

[Mich_]

Ma allora stai facendo un menu!!

Trovi vari menu pronti, che non necessitano di JS (si fa tutto con i CSS). Guarda tra i "link utili" del forum CSS (sezione menu). Forse non tutti, ma un buon numero funziona anche su IE.

Il problema di IE e` che non capisce la pseudoclasse :hover su oggetti diversi da link, per cui per farlo funzionare occorre che l':hover sia applicato al tag <a>, non al[*]:
div#menu a:hover ul { ... }

[Mich_]

Originariamente inviato da Gaetano Vituzzi
vorrei allaciarmi alla discussione chiedendo come si fa a posizonare un menu in modo relativo.

ovvero che il div contenente tutto il sottomenu, appaia al di sotto della voce nel menu generale senza usare un posizionamento assoluto.

grazie

Non usare i posizionamenti: dovrebbe risultare molto piu` semplice.
Comunque anche per te, il riferimento sono i "link utili" del forum CSS.