<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var colore_acceso = '#RRGGBB' // specifica colore in formato RGB
var colore_spento = '#RRGGBB' // come sopra, ovviamente un colore diverso

function menu_over (id_menu)
{
   document.getElementById (id_menu).style.backgroundColor = colore_acceso
}

function menu_out (id_menu)
{
   document.getElementById (id_menu).style.backgroundColor = colore_spento
}
</SCRIPT>
</HEAD>
<BODY>
...
<DIV ID="menu">
<!-- costruisci così le voci di menu, usando come sfondo lo stesso colore specificato sopra come colore_spento -->
<DIV ID="menu0" STYLE="background-color:#RRGGBB">
<A HREF="..." onMouseOver="menu_over('menu0')" onMouseOut="menu_out('menu0')"> ... </A>
</DIV>
<DIV ID="menu1" STYLE="background-color:#RRGGBB">
<A HREF="..." onMouseOver="menu_over('menu1')" onMouseOut="menu_out('menu1')"> ... </A>
</DIV>
...
</DIV>
...
</BODY>

Stammi bene...

12-11-2005, 11.06.32

Ti ringrazio, ma il menu appare in una pagina tutta sua. Non e' integrato con le altre pagine.

**dementialsite** · 12-11-2005, 11.39.36

Originalmente inviato da fdiodato

Ti ringrazio, ma il menu appare in una pagina tutta sua. Non e' integrato con le altre pagine.

Beh, logicamente devi anche aggiungere i contenuti della pagina... quel codice di prima è soltanto la parte relativa ai menu. :-D

Se ti interessa averlo a disposizione su più pagine nella stessa cartella, prova a fare così:
- prendi la parte comune del codice dei menu (quella che ho messo nel tag BODY) e convertila in un file JavaScript seguendo le istruzioni che ho messo in questo post (http://forum.altervista.org/showpost...11&postcount=5)
- a questo file che hai così creato aggiungi le funzioni che ti ho messo nel tag HEAD: non dovrebbero esserci problemi anche se le sposti di fatto nel tag BODY.

Stammi bene...

12-11-2005, 12.26.11

Originalmente inviato da dementialsite

- prendi la parte comune del codice dei menu (quella che ho messo nel tag BODY) e convertila in un file JavaScript seguendo le istruzioni che ho messo in questo post (http://forum.altervista.org/showpost...11&postcount=5)
- a questo file che hai così creato aggiungi le funzioni che ti ho messo nel tag HEAD: non dovrebbero esserci problemi anche se le sposti di fatto nel tag BODY.

Scusa, abbi un po' di pazienza. Di programmazione non so niente. Ho letto l'altro tuo post, ma cosa intendi per riga?
Per esempio, questa

color="#808080">

e questa

</font>

possono dirsi righe? Occupano una riga a testa nel mio codice.
Successivamente allo stesso file, trasformato in js, aggiungo le funzioni che mi hai messo tra i due HEAD. Devo aggiungerla di seguito e cosi' com'e'?
Infine, dove trovo i codici dei colori RRGGBB? Ho provato a metterei nomi dei colori in inglese, ma non e' successo niente. Eventualmente, dove posso aggiungere dei file di immagini per ogni voce del DIV o al posto di ogni voce?
Grazie di nuovo.

12-11-2005, 12.59.41

Nel mio file JS ho scritto questo (non funzionante):

Codice HTML:

 document.write ('<A HREF="index.htm" onMouseOver="menu_over(\'menu0\')" onMouseOut="menu_out(\'menu0\')"> 
<font color="#808080"><span style="text-decoration: none">ƒz[ƒ€</span></font></A>');
document.write ('<A HREF="corum.htm" onMouseOver="menu_over(\'menu1\')" onMouseOut="menu_out(\'menu1\')">
<span style="text-decoration: none"><font color="#808080">ƒRƒ‰ƒ€</font></span></A>');
<SCRIPT LANGUAGE="JavaScript">
var colore_acceso = '#RRGGBB' // specifica colore in formato RGB
var colore_spento = '#RRGGBB' // come sopra, ovviamente un colore diverso

function menu_over (id_menu)
{
   document.getElementById (id_menu).style.backgroundColor = colore_acceso
}

function menu_out (id_menu)
{
   document.getElementById (id_menu).style.backgroundColor = colore_spento
}
</SCRIPT>

**dementialsite** · 13-11-2005, 16.55.22

Allora... ecco i tuoi errori:
- le funzioni che erano nel tag HEAD le devi inserire all'inizio del file e senza il tag <SCRIPT>
- non hai aggiunto bene le funzioni document.write (' ... '); : per "riga" intendevo proprio ciascuna riga che c'era nel file di testo originale (anche se contiene tag incompleti o parti di testo che vanno a capo) della pagina HTML di partenza (perché sempre di un file di testo si tratta...)
- devi specificare i colori nel formato RGB, tu invece hai scritto così com'era quello che ti avevo dato. Ecco qui di seguito alcuni di questi codici:

Codice:

#000000 - nero
#FFFFFF - bianco
#FF0000 - rosso
#00FF00 - verde
#00CC00 - verde (ma meno cava-occhi di prima)
#0000FF - blu
#FFFF00 - giallo
#FF00FF - magenta (una sorta di fucsia)
#00FFFF - ciano (azzurro chiaro)
#FF9900 - arancione

gli altri puoi provare a generarli su questa pagina (http://dementialsite.altervista.org/...ori/colori.htm) inserendo nelle caselle rosso, verde e blu dei numeri interi da 0 a 255.

Spero di averti chiarito le idee e scusami il ritardo nella risposta... stammi bene...

14-11-2005, 07.55.38

Grazie. Ora funziona. Ho fatto:

Codice HTML:

var colore_acceso = '#00FF00' // specifica colore in formato RGB
var colore_spento = '#0000FF' // come sopra, ovviamente un colore diverso

function menu_over (id_menu)
{
   document.getElementById (id_menu).style.backgroundColor = colore_acceso
}

function menu_out (id_menu)
{
   document.getElementById (id_menu).style.backgroundColor = colore_spento
}

document.write ('<DIV ID="menu0" STYLE="background-color:#0000FF">')
document.write ('<A HREF="index.htm" onMouseOver="menu_over(\'menu0\')" onMouseOut="menu_out(\'menu0\')">'); 
document.write ('<font color="#808080"><span style="text-decoration: none">ホーム</span></font></A></DIV>');
document.write ('<DIV ID="menu1" STYLE="background-color:#0000FF">')
document.write ('<A HREF="corum.htm" onMouseOver="menu_over(\'menu1\')" onMouseOut="menu_out(\'menu1\')">');
document.write ('<span style="text-decoration: none"><font color="#808080">コラム</font></span></A></DIV>');

Tuttavia ho qualche problema di stile. Per ora, come prova, ho messo solo due opzini nel menu, una sotto l'altra. Tuttavia il colore occupa tutta la pagina in senso orizzontale, non solo la parte corrispondente alle voci del menu. Quindi come si fa a dare delle dimensioni ai DIV usando il javascript? Posso inserire un foglio di stile? Dove lo inserisco, nel javascript come se fosse una pagina normale (in quale punto)? Mi serve anche per determinare a che altezza voglio che mi appaia il menu.
Se invece di allineare le voci del menu verticalmente volessi allinearle orizzontalmente, come devo fare?

Ho notato che nel sito http://www.piazzaitalia.jp/intro.html, anche se usano un menu in JS che ciene inserito nelle pagine, se mi copio il codice HTML mi appare anche la tabella del menu con le celle contenenti le voci. Come mai? Usano un sistema un po' diverso?

Grazie e scusami.
Francesco

**dementialsite** · 14-11-2005, 12.23.12

Andiamo con ordine:

Originalmente inviato da fdiodato

... Tuttavia il colore occupa tutta la pagina in senso orizzontale, non solo la parte corrispondente alle voci del menu. ...

Devi aggiungere una riga in testa e una riga in coda, che se guardi bene in parte te le avevo già scritte nel primo post:

Codice HTML:

<!-- specifica la larghezza del DIV in pixel o in percentuale rispetto alla pagina -->
<DIV ID="menu" STYLE="float:left;width:...">
<!-- questo è il file *.js di prima -->
<SCRIPT LANGUAGE="JavaScript" SRC="menu.js"></SCRIPT>
</DIV>

se preferisci, puoi aggiungere anche queste righe di HTML al tuo file.

Originalmente inviato da fdiodato

... Mi serve anche per determinare a che altezza voglio che mi appaia il menu.

Ti basta semplicemente inserire questo codice PRIMA del testo HTML che vuoi affiancare dal menu stesso.

Originalmente inviato da fdiodato

Se invece di allineare le voci del menu verticalmente volessi allinearle orizzontalmente, come devo fare?

Mantenendo la chiusura HTML spiegata sopra, per le voci devi utilizzare il tag SPAN invece di DIV.

Originalmente inviato da fdiodato

Ho notato che nel sito http://www.piazzaitalia.jp/intro.html, anche se usano un menu in JS che ciene inserito nelle pagine, se mi copio il codice HTML mi appare anche la tabella del menu con le celle contenenti le voci. Come mai? Usano un sistema un po' diverso? ...

Allora, da quel che ho potuto vedere (il giapponese non lo comprendo ancora :-D), loro usano un sistema completamente diverso: praticamente tutta la pagina consiste in una gigantesca tabella, che viene divisa in tre celle fondamentali: la parte superiore ospita il logo, a sinistra c'è il menu e a destra i contenuti. Poi per allineare meglio le singole voci usano un'altra tabella, come hai potuto constatare anche tu. Se te la copi così com'è, logicamente dovrai modificare le voci di menu e i rispettivi collegamenti, perché presumibilmente saranno diversi da quelli del tuo sito, se poi ci sono effetti JavaScript devi crearti da te le funzioni equivalenti oppure cercare di scaricare anche i file di script che la pagina importa...

Stammi bene...

15-11-2005, 08.15.35

Nonostante usi i tag DIV non riesco piu' a ordinare le voci in verticale. Mi vengono tutte in orizzontale.

Non potendo usare i CSS, non posso ottenere un menu con particolari effetti (es. cambia colore quando si passa il puntatore del mouse, ecc.). Inoltre
posso inserire nel menu file di immagini?

Originalmente inviato da dementialsite

Allora, da quel che ho potuto vedere (il giapponese non lo comprendo ancora :-D), loro usano un sistema completamente diverso: praticamente tutta la pagina consiste in una gigantesca tabella, che viene divisa in tre celle fondamentali: la parte superiore ospita il logo, a sinistra c'è il menu e a destra i contenuti. Poi per allineare meglio le singole voci usano un'altra tabella, come hai potuto constatare anche tu. Se te la copi così com'è, logicamente dovrai modificare le voci di menu e i rispettivi collegamenti, perché presumibilmente saranno diversi da quelli del tuo sito, se poi ci sono effetti JavaScript devi crearti da te le funzioni equivalenti oppure cercare di scaricare anche i file di script che la pagina importa...

Non ho capito una cosa. Se alla fine, quando aggiungono una voce al menu, devono modificare i menu di tutte le pagine (cosa molto scomoda), per cosa usano javascript? Il menu non e' in javascript a questo punto, no?
Usando javascript posso far uscire il menu sotto il logo tipo quello della pagina che ti ho fatto vedere?

Francesco

**dementialsite** · 15-11-2005, 11.07.42

Originalmente inviato da fdiodato

Nonostante usi i tag DIV non riesco piu' a ordinare le voci in verticale. Mi vengono tutte in orizzontale.

Questo è davvero strano... potresti caricare la tua pagina di prova e mettere qui il link?

Originalmente inviato da fdiodato

Non potendo usare i CSS, non posso ottenere un menu con particolari effetti (es. cambia colore quando si passa il puntatore del mouse, ecc.).

Guarda che i CSS li usi, eccome: anche specificarli tramite l'attributo STYLE è un modo...

Originalmente inviato da fdiodato

Inoltre posso inserire nel menu file di immagini?

Certo, ti basta includere nel codice da trascrivere qualche tag <IMG> al posto giusto...

Originalmente inviato da fdiodato

Non ho capito una cosa. Se alla fine, quando aggiungono una voce al menu, devono modificare i menu di tutte le pagine (cosa molto scomoda), per cosa usano javascript? Il menu non e' in javascript a questo punto, no?

Credo proprio di no, però può darsi che loro usino un sistema di server-scripting che gli consenta di "includere" del codice HTML uguale per tutte le pagine (in PHP si ha questo con la funzione "include()" e puoi usarla benissimo anche qui su AV). In questo modo la scomodità è relativa, perché basta modificare il file che viene "incluso" che resta sempre unico. Adesso che vedo meglio, però, noto che il file ha estensione *.html e quindi non può essere scritto nel modo che ti ho appena spiegato (credo proprio che si modificheranno davvero una per una le pagine, vaglielo a spiegare che così è più comodo...)

Originalmente inviato da fdiodato

Usando javascript posso far uscire il menu sotto il logo tipo quello della pagina che ti ho fatto vedere?

Non si tratta di JS, si tratta comunque di HTML: ti devi creare una tabella più grande (per tutte le pagine!) che serve soltanto a posizionare i contenuti, poi all'interno della cella che sarà destinata a contenere il menu, ti scrivi il codice di script che ti ho spiegato più indietro...

Stammi bene...

29-12-2005, 22.22.37

Hai provato con il somaire parametrable di Marcole Dingue o http://www.guasila.com (in italiano)? è molto semplice ed èè utilizzatissimo. Ciao

Discussione: menu

LinkBack

Strumenti discussione

Display

menu

Regole di scrittura