applet menu' a tendina

[creattivo]

Guarda ti sei risposta da sola.
Meglio flash a questo punto.

da un'occhiata qui open cube Dovrebbe essere possibile scaricare un tool per realizzare menu in javascript.
Puoi scaricare solo una trial, però, che imposta un popup sul menu realizzato, per cui come apri il sito appare un messaggio del tipo "in questo sito il menu è stato realizzato con ope cube". Per ovviare a ciò, usa l'ingegno.

[ronnin]

eh!magari potessi usare flash!!!!
lo avrei gia fatto da tempo....

quel menu che chiedevo di modificare e' proprio perfetto per quello che devo fare..
solo che nn riesco ad applicare il link alla voce principale senza perdere la possibilita di aprirci il sottomenu!!

UF!

[creattivo]

Ho capito, ma usare un'applet per un menu è cosa obsoleta, antipatica e totalmente inaccessibile. Non che javascript sia il regno dell'accessibilità, ma almeno è più simpatico.
Cmq nel link che ti ho passato c'è tutto quello che ti serve per realizzare un buon menu con buoni effetti e senza uscire pazza.

Perdonami se non ti aiuto direttamente sull'applet ma, oltre a starmi antipatiche, non saprei proprio dove mettere mano visto che non programmo in java.
Come dico sempre: non è che son bastardo e voglio per forza convincere ad usare soluzioni che stanno bene a me, cerco solo di dare una soluzione alternativa laddove non possa proprio essere di aiuto diretto.

[kaze]

Qualcosa del genere:
http://www.dynamicdrive.com/dynamici...switchmenu.htm
http://www.dynamicdrive.com/dynamici...witchmenu2.htm

quasti sono fatti con javascript !

[pierofix]

Sto preparando una soluzione che utilizza l'attribuzione di classi CSS attraverso il DOM di javascript, garantendo il più possibile un codice pulito, essenziale e un'elevata accessibilità.

Spero di riuscire a finirla a breve. Se mi impantano con il DOM - probabile - magari poi la si può sistamare grazie a qualche esperto in materia.

[creattivo]

grande piero

[kall3]

Qui trovi un javascript leggero con il quale puoi creare menù verticali come dici; con apertura dei menù secondari con effetti come dissolvenza e altri.

Io non l'ho mai usato ma non credo sia una cosa difficilissima fare un menù tipo quello che usano loro

il link:
http://moofx.mad4milk.net/

[pierofix]

Ah, adesso mi è chiaro. Direi che in giro ci sono di sicuro un sacco di soluzioni già pronte, ben testate e quindi comatibili, tuttavia te ne propongo una basilare e semplice.

Cominciamo dalla struttura di markup:

<ul id="navigazione">[*]<span onclick="mostra(0)">Frutta</span>
      <ul>[*]Mela[*]Pera[*]Banana[/list]
   [*]<span onclick="mostra(1)">Verdura</span>
      <ul>[*]Pomodoro[*]Carota[*]Patata[/list]
   [/list]

Passiamo al CSS:

.pulsante
{
   color:blue;
   text-decoration:underline;
   cursor:pointer;
}
.invisibile
{
   position:absolute; top:-100em;
   width:1px; height:1px;
   overflow:hidden;
}

Come prevedibile mi sono incartato sul DOM. Chiedo a esperti di sistemare. I miei problemi sono principalmente due:

1. non riesco ad attribuire la classe 'pulsante' agli span di intestazione delle sotto-liste;
   
2. non so come richiudere le sottoliste una volta aperte.

// Definisci i nodi
var nav = document.getElementById('navigazione');
var subnav = nav.getElementsByTagName('ul');
var pulsanti = nav.childNodes;

// Attribuisci stile ai pulsanti
for ( var i = 0; i < pulsanti.length; i++ )
{
   var pulsante = pulsanti.item(i).firstChild.className = 'pulsante';
}

// Nascondi le sotto-liste
for ( var i = 0; i < subnav.length; i++ )
{
   var pulsante = subnav.item(i).getElementsByTagName('li');
   pulsante.item(i).className = 'invisibile';
}

// Crea funzioni
function mostra(posizione)
{
   subnav.item(posizione).className = '';
}
function nascondi(posizione)
{
   subnav.item(posizione).className = 'invisibile';
}

[pierofix]

Provo a chiedere anche sul forum di Scripting.

[pierofix]

Un gentilissimo utente mi ha segnalato questa risorsa:

- http://www.gazingus.org/html/DOM-Scr...Revisited.html

E' praticamente ciò che stavo cercando di fare io, ma mi era venuto da schifo. Il DOM è una parte che devo ancora ben approfondire.