menu espandibile con javascript e css

[13manuel84]

ho trovato questo articolo su html.it: http://javascript.html.it/articoli/l...cript-e-css/1/

penso possa andar bene per le mie esigenze, tranne che per una cosa...è a solo 2 livelli, mentre a me ne servono alcuni in più essendo il menù di un catalogo di prodotti che possono arrivare ad avere, ipoteticamente, infinite sottocategorie...


inoltre il menù deve essere popolato prendendo i dati da un db la cui tabella ha una struttura ricorsiva:

CREATE TABLE `CATEGORIE` (
  `CATEGORIA_ID` int(10) unsigned NOT NULL auto_increment,
  `CATEGORIA` varchar(50) default NULL,
  `META` text,
  `CATEGORIA_PADRE_ID` int(11) default '0',
  PRIMARY KEY  (`CATEGORIA_ID`)
) TYPE=InnoDB;

ho cercato anche tra le varie discussioni presenti anche qui sul forum, ma non ho trovato nulla che facesse al caso mio...



sapete indirizzarmi in qualche modo?





Grazie mille!!

[pierofix]

Questo lo avevi visto?

- www.htmldog.com/articles/suckerfish/dropdowns/

[13manuel84]

no! e ti ringrazio per la segnalazione, ma visto che di css non ci capisco praticamente niente, sarebbe meglio se trovassi qualcosa sullo stile di quello che ho segnalato, solo con la possibilitù di aggiungere quanti livelli voglio io.


Di primo acchito quello, per me, sarà un casino da modificare.

[pierofix]

Il fatto è che per gestire la grafica si usano i CSS, non javascript, quindi secondo me faresti bene a spendere qualche minuto a cercare di capire come funziona. Altrimenti ti porteresti dietro una lacuna parecchio grave.

Se hai domande specifiche non esitare.

Edit: Adesso che ho dato un'occhiata a quel menu da te proposto, mi pare che sia molto simile a quello da me proposto.

[13manuel84]

ok, sono riuscito ad implementare quello che sta a questa pagina: http://www.htmldog.com/articles/suck.../vertical.html

per ora solo in modo statico, ma guardando il css mi viene da star male
cioè, per ogni nuovo livello devo creare una nuova classe e/o div nel css? almeno così mi sembra di capire...

e la cosa non è molto bella, considernando che non so a priori quanti nodi avrò...


comunque ho il disco pieno di menù espandibili ma nessuno che funzioni come voglio io e sono settimane che ci sto lavorando appresso


boh, vedo cos'altro posso fare, nel frattempo grazie molte!

[13manuel84]

mi hai abbandonato? io la domanda "quasi specifica" te l'ho fatta


ossia, visto che non so a priori quanti livelli avrà il mio catalogo come posso gestire il css? perché ho visto che si crea una nuova classe ogni volta...


ad esempio, prova questo menù che mi sono appena costruito seguendo gli esempi del link che mi hai postato:

<ul id="nav">[*]Ciccio
    <ul>[*]Pluto
        <ul>[*]Paperino
            <ul>[*]Zio Paperone
			    <ul>
				[*]Banda Bassotti
				[/list]
			  [*]Qui
			[*]Quo
			[*]Qua[/list]
          [/list]
      [/list]
  [/list]

il css è quello che trovi nella pagina che mi hai linkato, postarlo qui sarebbe troppo lungo; si trova comunque nel sorgente di questa pagina: http://www.htmldog.com/articles/suck.../vertical.html


come vedi, espandendo il menù, il ramo Banda Bassotti mi risulta già aperto non appena paso sopra a paperino, e invece mi si dovrebbe aprire solo nel momento in cui clicco su Zio paperone...


hai qualche suggerimento?

[pierofix]

Guarda l'ultimo codice proposto nell'articolo:

- www.htmldog.com/articles/suckerfish/dropdowns/

Parla di una 'pazza evenienza' di avere quattro livelli. Bè, ti basta inserire qualche codice in più per prevedere, chessò, 10 o 20 livelli? Il concetto è semplice:

1. primo livello:
   
   

   #nav li:hover ul

2. secondo livello:
   
   

   #nav li li:hover ul

3. terzo livello:
   
   

   #nav li li li:hover ul

e via dicendo.

Ad ogni modo, troppi livelli annidati forse sono sintomo di una cattiva progettazione. Lo strumento infatti si denatura, diventando più un ostacolo piuttosto che un aiuto nella navigazione/fruizione.

[13manuel84]

quello l'avevo visto ed era proprio lì che stavo guardando e provando, ma bho, vedrò di provare ancora...

Originariamente inviato da pierofix
...
Ad ogni modo, troppi livelli annidati forse sono sintomo di una cattiva progettazione. Lo strumento infatti si denatura, diventando più un ostacolo piuttosto che un aiuto nella navigazione/fruizione.

se devo dare una cosa funzionante al cliente non posso dargli una cosa che al 4° livello si impalla...dovendo vendere un catalogo devo prevedere che lui mi possa inserire anche 100 livelli e io li devo poter gestire dinamicamente, senza che lui mi chiami ogni volta che deve aggiungere un livello perché la grafica si è sballata.

Ad esempio una struttura del genere:

Nuovo
__Auto
____BMW
______StationWagon
______Berlina

ha già 4 livelli...

e il catalogo che devo gestire io parte da 5...

secondo me una buona progettazione consiste appunto nel prevedere il caso peggiore e riuscire a risolvere quello

[pierofix]

Originariamente inviato da 13manuel84
se devo dare una cosa funzionante al cliente non posso dargli una cosa che al 4° livello si impalla...dovendo vendere un catalogo devo prevedere che lui mi possa inserire anche 100 livelli e io li devo poter gestire dinamicamente, senza che lui mi chiami ogni volta che deve aggiungere un livello perché la grafica si è sballata.

Ad esempio una struttura del genere:

Nuovo
__Auto
____BMW
______StationWagon
______Berlina

ha già 4 livelli...

e il catalogo che devo gestire io parte da 5...

secondo me una buona progettazione consiste appunto nel prevedere il caso peggiore e riuscire a risolvere quello

Mi hai frainteso. Io dico che 5 o 6 livelli annidati creino un menu poco usabile. 'Mal studiato' è quindi riferito al menu.

Se hai bisogno di una gerarchia così capillare, evidentemente lo strumento da usare è un altro.

[13manuel84]

ok che creino un menù poco usabile siamo d'accordo


ma se io devo creare appunto una cosa del genere che devo fare? Poi di menù a 74 livelli ne ho già creati, il problema qui è che devo integrarlo con le categorie di un db. Quelli che ho realizzato prima erano solo cartelle sullo stile di winzozz per la gestione di aree amministrative...
Ora lo devo mostrare sul sito per consentire agli utenti di navigare tra i vari prodotti di un catalogo.

Il menù che uso io di solito è questo: http://www.phpguru.org/static/treemenu.html

dove crearlo statico è capace anche mia cugina che va alle elementari
il difficilotto viene appunto in questo caso, ma qui si va su un altro discorso che è l'integrazione con php...

sto portando avanti 2 cose insieme, da una parte sto tentando di integrare quel menù che ti ho appena linkato con il db...

e qui invece sto cercando un menù che sembri più semplice da adattare...ma in entrambi i casi non sto muovendo grandi passi e tra poco butto il pc in mezzo alla strada e ci passo sopra con un tir, sto sclerando!!