Script per menu

[mattemod]

Ciao a tutti
Conoscete per caso uno script, per il mio menu, che quando la freccetta passa su un bottone del menu viene a destra del bottone un sottomenu con le categorie di quella sezione? Naturalmente le scritte e i links dei sottomenu da cambiare io manualmente.
Grazie e ciao
Matteo

Bè posso consigliartid i guardare su html.it ... nella sezione del flash c\'è un bel menù completamente personalizzabile ... solo che non è facilissimo da utilizzare

[Skorpio]

Io ti consiglierei di andare nella sezione JavaScript di www.html.it
Tra cui trovi anche l\'applet da te citata...
Ci sono comunque MOLTI altri esempi di menu molto belli realizzati in Java e in altri linguaggi :)
Facci un salto...
Ciao

Se guardi le applet in javascript che stanno su html.it attento alla loro pesantezza.. alcuni sono belli come menù ma pesano una cifra...

[mattemod]

OK grazie a tutti appena ho tempo ci dò un\'occhiata

[mattemod]

Scusa Skorpio ma come si chiama lo script? Perché io li ho visti ma non l\'ho trovato Comunque per rendere meglio l\'idea è lo stesso che c\'è sul sito
http://www.settimatorre.com/
al cui webmaster ho chiesto se me lo mandava via e-mail ma non mi ha nemmeno risposto, evidentemente non vuole darmelo perché altre volte che gli ho scritto mi ha risposto subito.

Altrimenti se preferisci script già fatti lascerei perdere il Javascript di html.it e mi butterei su www.dhtmlcentral.com che è meglio! ;-)

[Skorpio]

Quello (credo) è un effetto DHTML...
C\'è un bellissimo programma che è facilissimo da usare per creare quegli effetti!
Ora non mi ricordo il nome...
Mi sembra si chiamasse proprio DHTML MENU :)
Prova a fare una ricerca in rete :)
Ciao ciao

[mattemod]

Ok grazie ora vado su quel sito e poi cerco quel programma e poi vi faccio sapere.

Se uno script in JavaScript va bene ti può essere utile cercare su www.jsdir.it dove c\'è un\'intera sezione dedicata ai menu completamente e facilmente personalizzabili.

[Ospite]

Io , tempo addietro avevo visto dei template carini con menu che potrebbero piacerti, con un programma chiamato Ace html pro della www.visicommedia.com ... ha un tool free da scaricare ed e\' molto caruccio.
C YA

si e\' un eeffeto dhtml che si chiama menu\' ad albero devi andare su html.it nella sezione guide scegli dhtml e menu\' ad albero lo trovi ,ma devi scaricare quattro piccoli file per farlo funzionare
ciao

vi consiglierei anche www.risorse.net che non è male :)

[mattemod]

Ok grazie a tutti, vedrò se riesco a trovare quello che sto cercando. In realtà quello che cerco io è uno script molto semplice: al passaggio del mouse su un collegamento o su un immagine con collegamento (come nel caso del mio menu) appare subito a destra un sottomenu con le sottocategorie, è uguale a quello del sito http://www.settimatorre.com/ al cui webmaster ho scritto un po\' di tempo fa e non mi ha risposto.

Ti posto uno script di html.it:

>>>>>>>>>>>>&g t;>>>>>>> UN JAVASCRIPT A SETTIMANA <<<<<<<<<<<<&l t;<<<<<<<
servizio gratuito di ML offerto da HTML.it
http://www.html.it


settimana 118 - 21 maggio 2001

-------------------------
| MENU\' A DISCESA |
-------------------------


- SCHEDA TECNICA -


GENERE: navigazione
DESCRIZIONE: menù Microsoft
COMPATIBILITA\': MSIE, Netscape 4.x
USO FILE ESTERNI: sì
FILE ALLEGATO: \"jscript_210501.zip\"



- DESCRIZIONE -

Lo script di questa settimana ci permetterà di avere uno splendido menù
crossbrowser molto simile a quello utilizzato da Microsoft nel proprio
sito. Lo script non è difficile da personalizzare ma richiederà un pò di
lavoro per settare i tanti parametri disponibili. Il menù, come già detto,
non ha problemi di compatibilità con i due browser più diffusi.
Il file allegato a questa mail \"jscript_210501.zip\" si compone di 2 file
(esclusi i file \"htmlit.gif\" e \"jscript_210501.txt\"):

esempio.htm
navcond.js

Per una piu\' semplice comprensione del presente script fai continuamente
riferimento ai file sopracitati, verificando le procedure e i dati
espressi. Solo in questo modo, con un continuo confronto, comprenderai le
peculiarita\' di questo Javascript.



>>>>>>>>>>>>&g t;>>> esempio.htm <<<<<<<<<<<<&l t;<<<<<


Lo script utilizza sia un file .js esterno, sia del codice javascript da
inserire tra i tag <head> della pagina.
Operazione fondamentale è, innanzitutto, richiamare il file esterno
all\'interno del documento. Sempre tra i tag <head>, quindi, inseriamo
questo codice:

-------------------------
<script language=\"JavaScript\" src=\"navcond.js\"></script>
-------------------------

Adesso possiamo inserire il codice javascript che ci permetterà di
modificare numerosi parametri del menù:

-------------------------
<script language=\"JavaScript\">

var myNavBar1 = new NavBar(0);
var dhtmlMenu;

dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem(\"Home\", \"http://www.html.it\"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem(\"Forum\", \"http://forum.html.it\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Off Topic\",
\"http://forum.html.it/forum/forumdisplay.php?forumid=7\"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(110, 120);
dhtmlMenu.addItem(new NavBarMenuItem(\"Linux\", \"http://linux.html.it/\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Articoli\",
\"http://linux.html.it/archivioarticoli.asp\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"News dal web\",
\"http://linux.html.it/archivionews.asp\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Download\",
\"http://download.html.it/lista_os.asp?os=linux\"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem(\"Macintosh\", \"http://mac.html.it/\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Articoli\",
\"http://mac.html.it/archivioarticoli.asp\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Download\",
\"http://download.html.it/lista_os.asp?os=Mac-Os\"));
myNavBar1.addMenu(dhtmlMenu);


myNavBar1.setColors(\"#000000\", \"#00CCCC\", \"#ff0000\", \"#000000\", \"#ffffff\",
\"#000000\", \"#00cccc\", \"#ffcccc\", \"#000080\")

//myNavBar1.setAlign(\"center\")

var fullWidth;

function init() {

fullWidth = getWindowWidth()
- (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

myNavBar1.resize(fullWidth);
myNavBar1.create();
myNavBar1.setzIndex(2);
}
</script>
-------------------------

Vediamo in dettaglio come personalizzare il nostro menù:


dhtmlMenu = new NavBarMenu(100, 120);
ogni nuova cella del menù deve iniziare con questa riga. il primo numero
rappresenta la lunghezza delle celle principali (in pixel) mentre il
secondo numero indica la lunghezza delle celle secondarie (quelle che si
aprono quando ci posizioniamo sulle principali per intenderci).


dhtmlMenu.addItem(new NavBarMenuItem(\"Linux\", \"http://linux.html.it/\"));
dhtmlMenu.addItem(new
NavBarMenuItem(\"Articoli\",
\"http://linux.html.it/archivioarticoli.asp\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"News dal
web\", \"http://linux.html.it/archivionews.asp\"));
ogni stringa rapprensenta le voci presenti nel menù. la prima riga indica
la voce nella cella principale (quella subito visibile). le altre due
righe, invece, indicano le voci nei sottomenù. per aggiungere nuove voci ai
sottomenù basterà incollare nuove stringhe simili a quelle analizzate adesso.


myNavBar1.setColors(\"#000000\", \"#00CCCC\", \"#ff0000\", \"#000000\", \"#ffffff\",
\"#000000\", \"#00cccc\", \"#ffcccc\", \"#000080\")
questa è la riga di codice che ci permette di impostare tutti i colori nel
menù. vediamo con ordine i valori da modificare.

1° valore= colore del bordo del menù
2° valore= colore del testo delle celle principali nello stato normale
3° valore= colore delle celle principali nello stato normale
4° valore= colore del testo delle celle principali nello stato onMouseOver
5° valore= colore delle celle principali nello stato onMouseOver
6° valore= colore del testo dei sottomenù
7° valore= colore delle celle secondarie (sottomenù) nello stato normale
8° valore= colore del testo dei sottomenù nello stato onMouseOver
9° valore= colore delle celle secondarie nello stato onMouseOver

//myNavBar1.setAlign(\"center\")
come si può notare questa stringa è resa \"inattiva\" dai due slash. nel caso
volessimo centrare il menù basterà cancellare questi due caratteri e tutte
le celle si posizioneranno al centro della pagina. oltre al comando
\"center\" sono accettati anche \"left\" e \"right\".

Altre modifiche a questo codice non sono necessarie. Si può però agire sul
javascript esterno per determinare il tipo e la grandezza del font
utilizzati nel menù. basterà aprire il file navcond.js con il notepad e
modificare queste stringhe (si trovano a metà circa del documento):

this.hdrFontFamily=\"Verdana,Helvetica,sans-serif\"
indica il tipo di font delle celle principali

this.hdrFontWeight=\"bold\"
indica il tipo di stile del font delle celle principali (in questo caso
grassetto)

this.hdrFontSize=\"8pt\"
la grandezza del testo delle celle principali

this.itmFontFamily=\"Tahoma,Arial,Helvetica,sans-serif\"
il font utilizzato per i sottomenù

this.itmFontWeight=\"bold\"
il tipo di stile del font dei sottomenù

this.itmFontSize=\"8pt\"
la grandezza del testo dei sottomenù

Infine è possibile spostare il menù in una determinata posizione. sempre
nel file esterno (poco dopo l\'inizio) si trova questa stringa:

function NavBar(width){this.x=0;this.y=0;
modificando tutti e due i valori (che ora sono a 0) possiamo modificare le
coordinate del menù. il primo valore indica la distanza dal bordo sinistro
(in pixel) mentre il secondo rappresenta la distanza dal margine superiore.

A questo punto non rimane altro che inserire il gestore di eventi \"init()\"
nel <body> della pagina:

-------------------------
<body onload=\"init()\">
-------------------------

Ultimo consiglio: nel caso il nostro sito utilizzasse i frames, basterà far
precedere all\'indirizzo del link questa stringa:

-------------------------
javascript:parent.NOME_DEL_FRAME.location=\'http://www.html.it\'
-------------------------

Altre modifiche allo script non sono richieste.


PS: se il tuo programma di posta elettronica da\' problemi nella
visualizzazione del codice esposto in questo esempio; nell\'allegato
e\' presente un file con estensione .txt con l\'intero contenuto
della presente mail.

-------------------- UN JAVASCRIPT A SETTIMANA ----------------------

ML gratuita ideata e curata da HTML.it

Archivio arretrati: http://www.html.it/mailing/archivio
Altri Javascript: http://www.html.it/jscript


----------------------------------------------------------------------
P E R D E C O M P R I M E R E G L I A L L E G A T I Z I P
----------------------------------------------------------------------
Gli esempi pratici vengono spediti in formato compresso .zip. Sia i
sistemi Windows che Mac adottano questo standard. Per decomprimere i
file zippati devi possedere il programma WINZIP 7.x o successivo,
che puoi scaricare gratuitamente dal sito: http://www.winzip.com

----------------------------------------------------------------------
(c) 2000 - C O P Y R I G H T - T E R M I N I D I U T I L I Z Z O
----------------------------------------------------------------------
Il codice Javascript degli esempi di questa mailing list puo\' essere
usato all\'interno del proprio Web. I commenti alla sintassi, invece,
non possono essere utilizzati che a scopi personali.
Non possono, quindi, essere pubblicati su Website, Mailing list.

[mattemod]

Grazie lo stesso, ma quello che cerco io è qualcosa di più semplice. Io ho già il menu, ma vorrei fare in modo che al passaggo del mouse su un bottone del menu si apra, subito a destra del bottone, una cella con le sottocategorie di quela sezione (naturalmente il contenuto della cella lo personalizzo io, quindi i link, le scritte ecc. li metto tutti io a mano).
Ora provo a riscrivere al webmaster di quel sito per sentire se me lo manda perché ho cercato ma non l\'ho trovato, sennò il menu rimarrà così come è.