Dreamweaver: menu a tendina.

Di: jovijova | 26/09/2020 18:18:07
Ciao
scrivo per capire alcune cose di Dreamweaver MX, se possibile.
Vorrei realizzare un sito con dei menu a tendina. Ho visto che Dreamweaver è in grado di farli ed è anche pittosto semplice. Però io volevo personalizzare questo menu ma non so se è possibile e come si fa.
Mi spiego meglio: anziché utilizzare la grafica di Dreamweaver, volevo realizzare una specie di pellicola cinematografica che scorre verso il basso e dove sono elencati gli argomenti ai quali linkarsi.
È possibile tutto ciò o devo usare solo la grafica di Dreamweaver?
Posso almeno cambiare i colori e le dimensioni della barretta a menu?
Altra domanda: questo problema è risolvibile con le barre di navigazione? Se sì, come? E come si utilizzano?
Grazie!

Risposte



Ciao Jovijova,
benvenuto e grazie per aver scelto 001design.it.
Per quanto riguarda il problema dei menu a tendina, ti posso consigliare di realizzarli in Flash oppure in Javasctipt con Fireworks. Nel tuo caso (del menu a tendina personalizzato al massimo) conviene usare Flash.
Puoi trovare molti menu a tendina già fatti in Flash che puoi personalizzare a tuo piacimento.
Personalmente Dreamweaver non lo uso mai per realizzare menu a tendina o elementi interattivi.
Fammi sapere

Di: Pablito | 26/09/2020 18:18:07

Dreamweaver e menu a tendina.

Ho creato con Dreamweaver MX 2004, diverso tempo fa, un menu a tendina pre-impostato. Ora mi sbatto il cervello perché non mi ricordo come si fa... mi potreste aiutare gentilmente?
Sono esattamente come quelli del sito 001design.it.

Di: maurizio | 26/09/2020 18:18:07

Dreamweaver: come realizzare un menu a tendina.

Ciao Marko,
benvenuto e grazie per aver scelto 001design.it.
Procedi così:
• Apri Dreamweaver MX oppure Dreamweaver MX 2004.
• Crea un testo o qualsiasi cosa che sia possibile creare come collegamento.
• Crea un collegamento fittizio inserendolo nel tag <a href> con il simbolo #: <a href="#">tuo elemento</a>
• Apri il menu laterale Progettazione e scegli: Comportamenti (Shift+F3).
• Tenendo selezionato il collegamento, clicca sul segno + nei comportamenti e scegli la voce: mostra menu popup.
• A questo punto puoi definire il tuo menu a tendina secondo le tue esigenze.
Ci tengo a precisare che il menu di 001design.it non è stato realizzato con questa tecnica.
Fammi sapere

Di: Pablito | 26/09/2020 18:19:07


Funziona, GRANDE!!!!
Grazie mille.

Di: maurizio | 26/09/2020 18:19:07


Pablito ho provato a fare come dici tu per il menu a tendina. Tutto ok, fino a quando non premo ok (!!!) a quel punto mi da un messaggio di errore:
si sono verificati i seguenti errori di javascript durante l'esecuzione di applybehavior in show pop-up menu.htm:
alla riga 207 del file C:\\Programmi\\Macromedia\\Dreamweaver MX 2004\\Configuration\\Behaviors\\Actions\\Show Pop-Up Menu.js Reference Error: imgName is not defined

Di: nikitaRM | 26/09/2020 18:19:07


Scusate ma nel 4.1 non c'è la voce mostra menu pop-up.

Di: Rio | 26/09/2020 18:19:07


Comunque io ho questo codice per i menu a tendina:
(potete vedere il risultato su: http://www.comune.torino.it/museiscuola/esperienze/index.htm)
<!-- commento inserito per non interferire con il codice del forum.
<script type="text/javascript">
<!--
var ID = "";
function mmenu(mID) {
chiudi();
if(mID) {
var menu = document.getElementById(mID);
var root = mID.substring(0, 9);
var menuroot = document.getElementById(root);
var display = menu.style.display;
menuroot.style.display = "block";
menu.style.display = (display == "block") ? "none" : "block";
menu.parentNode.style.color = (display == "block") ? "#000" : "#fff";
}
}
function chiudi() {
var uls = document.getElementsByTagName("u");
for (i=0;i<uls.length;i++) {
if(uls.getAttribute("class")=="submenu")uls[i].style.display = "none";
if(uls[i].getAttribute("id") && uls[i].getAttribute("id").search("submenu-")!= -1) uls[i].style.display = "none";
uls[i].parentNode.style.color = "#000";
}
}
//-->
</script>
<body onload="mmenu(ID)">
<ul>
<li><a href="javascript:mmenu('submenu-1')"><b>NOME da ESPLODERE</b></a>
<ul class="submenu" id="submenu-1">
</ul></li>
[I]commento di chiusura in modo che il codice non interferisca con quello del forum di 001design.it.
-->

Di: Rio | 26/09/2020 18:20:07


Ciao a tutti.
Riporto a galla questa discussione perchè ho utilizzato le istruzioni di Pablito per creare un menu a tendina, sono riuscita a crearlo e anche a personalizzarlo, tranne che per una cosa che mi sta facendo ammattire. Cercherò di spiegarlo nel modo più chiaro possibile... Io vorrei che ogni tendina avesse le stesse dimensioni della voce del menu dalla quale la tendina scende... Questo non succede nei casi in cui le voci del sottomenu siano troppo lunghe... Quindi vorrei anche sapere se per caso è possibile andare a capo. O se esiste qualche altro modo.
Grazie in anticipo per l'attenzione e complimenti per questo forum, è un ottima risorsa, sopratutto per persone inesperte come me!

Di: elenina | 26/09/2020 18:20:07


Benvenuta Elenina e complimenti per il sito.
Nel codice HTML della tua pagina, dove vedi il titolo della voce del menu tra le virgolette:
addMenuItem("Voce lunghissimissimissima per poi andare a capo"
ti basterà inserire un <br> per farlo andare a capo, modificando così:
addMenuItem("Voce lunghissimissimissima<br> per poi andare a capo"
Il problema che nasce automaticamente è che l’altezza delle tue celle non basta più e... Vale davvero la pena raddoppiare le dimensioni di tutte le voci quando è solo una quella che ne ha bisogno? La risposta è no.
Allora dovresti realizzare dei menu personalizzati per ogni sezione... Ma la soluzione più conveniente è certamente quella di abbreviare il testo oppure sfruttare un menu in senso orizzontale invece che verticale.
Altro problema è che quando passi con il mouse sopra la voce su due righe, la seconda riga scompare per incanto, allora dovresti andare a modificare anche il file mm_menu.js che genera automaticamente Dreamweaver...

Di: Pablito | 26/09/2020 18:21:07


Grazie per la spiegazione! Il menu che devo fare è orizzontale, non è quello del sito che ho nel profilo. Cioè, è sempre per quel sito, ma per la sua nuova versione che prevede un menu a tendina orizzontale.
Proverò a mettere in pratica quello che mi hai detto... Non sono sicura di avere capito benissimo, però ci provo!
Grazie ancora!

Di: elenina | 26/09/2020 18:21:07


No ragazzi adesso mi aiutate!!!
Chi sarebbe così gentile da dirmi come posso modificare un menù a tendina fatto in javascript un pò come l'esempio di Rio!!!
Siccome ho ereditato un sito da un mio amico che mi ha chiesto di potergli fare anche delle modifiche e nn so un bel niente dei javascript!!!
Chi si offre volontario per spiegarmi passo passo le operazioni di modifica??'
Innanzitutto come lo apro un javascript????Esiste un programma grafico??
Vi ringrazio in anticipo e scusate la mia ignoranza!!!!

Di: Miky | 26/09/2020 18:21:07


No, ti basta Blocco note, inoltre dovresti farti spiegare dal tuo amico tutto il resto, qui cerchiamo di risolvere dei problemi su Dreamweaver invece di realizzare tutorial personalizzati o su misura, ciao.

Di: Pablito | 26/09/2020 18:21:07


Oggi ho avuto il tempo di provare a fare quello che mi hai detto. Sono riuscita a mandare a capo le voci ma, come hai detto tu, ora ho il problema dell'altezza... E non so come fare quello che mi hai detto e cioè realizzare dei menu personalizzati per ogni sezione... Cosa intendi? E come si fa?
Scusami per il disturbo e grazie ancora!

Di: elenina | 26/09/2020 18:22:07


Nel senso che realizzi due menu indipendenti tra loro, anche se hanno lo stesso stile grafico.
Come? Ripetendo la stessa procedura (4° messaggio di questo argomento), su un secondo link.

Di: Pablito | 26/09/2020 18:24:07


Sono riuscita a risolvere il mio problema iniziale! Alè! Però ne è sorto subito un altro e, visto che da spiegare a parole è difficile, ho pensato di caricare quello che mi serve per farti capire su uno spazio web...
http://digilander.libero.it/sigavatars/ddd/homepage.htm
Come puoi vedere la pagina è divisa in tre frame. "Toptop" con i loghi, "Top" con il menu e "Main" la pagina principale. Ecco dove nasce il mio nuovo problema: prova a cliccare sulla voce "Chi Siamo" nel menu "MiciAmici Siamo Noi". La pagina "Chi Siamo" si apre nel frame "Main" e questo mi va bene... Però rimane un sacco di spazio tra il menu e la pagina!!! Non è possibile far si che la tendina si sovrapponga alla pagina??
Scusami tantissimo e grazie per tutto l'aiuto che mi stai dando! Non sai quanto te ne sono grata!

Di: elenina | 26/09/2020 18:24:07

Frame: link utili di 001design.it.

Bene, adesso ti consiglio di buttare dalla finestra i frame e risolverai automaticamente i problemi perché il menu si sovrappone alla pagina per come è stato studiato. Esiste un'alternativa di menu in Flash che si sovrappone alla pagina ma non è compatibile con tutto, allora non ti conviene...
Privilegia sempre l’usabilità e la fruibilità di un sito, poi pazienza se questo comporterà un leggero carico di lavoro aggiuntivo... Come tutte le cose fatte bene del resto.
Tuttavia di frame ne abbiamo già abbondantemente discusso nel forum:
Dreamweaver: valori del target e frame.
http://www.001design.it/forum_italiano/thread.php?id=359
HTML: frameset
http://www.001design.it/forum_italiano/thread.php?id=348
Dreamweaver: frame e titolo pagina.
http://www.001design.it/forum_italiano/thread.php?id=613
Dreamweaver: frame ed immagini.
http://www.001design.it/forum_italiano/thread.php?id=1054
Dreamweaver: dimensioni sito con frame.
http://www.001design.it/forum_italiano/thread.php?id=1311
Grazie anche a te per la fiducia.
Nel caso volessi pubblicare un feedback o commento su 001design.it puoi farlo nella sezione apposita: http://www.001design.it/forum_italiano/forums.php?id=18

Di: Pablito | 26/09/2020 18:24:07


Grazie infinite! Mi metto subito al lavoro!

Di: elenina | 26/09/2020 18:24:07


Avevo detto che mi sarei messa al lavoro subito ma non ho avuto il tempo di farlo... Ho iniziato ora e subito ho un dubbio. Eliminando i frame dovrei inserire in ogni pagina i loghi e il menu e farli ricaricare ogni volta?

Di: elenina | 26/09/2020 18:24:07


Non si ricaricano perché vengono usati dalla cache del browser dato che sono gli stessi elementi.
Basta progettare un modello della tua pagina HTML con il menu funzionante, e poi farne tante copie per quante pagine ti servono nel sito. Poi le copie saranno da modificare nei contenuti, ma questo è normale. Tutto qui, basta un uso ponderato di CTRL+C e CTRL+V.

Di: Pablito | 26/09/2020 18:24:07


Il mio sito è online da ieri! Senza di te Pablito non ce l'avrei fatta!
Grazie infinite!
Ora non mi resta che scoprire come inserire un guestbook, ma sono sicura che questo sito mi aiuterà! Mi metto subito alla ricerca!

Di: elenina | 26/09/2020 18:24:07


Molto meglio
Problemi di guestbook e guestbook senza database.
http://www.001design.it/forum_italiano/thread.php?id=1392

Di: Pablito | 26/09/2020 18:25:07