Menù Separato Dal File Html

[spiug]

Volevo sapere come fare perchè in ogni pagina venga richiamato un elemento esterno (dove c'è il menù) così da avere un menù uguale su tutte le pagine senza dover perdere la vita ogni qual voltavoglio apportare una modifica...

...sò che con il Javascript è possibile, ma in passato ho avuto problemi se il menù era troppo complicato (in effetti non è tanto semplice come codice)...

...come mi consigliate di procedere?? Quali secondo voi le soluzioni più semplici per ottenere questo risultato??

[iEnzo]

e se utilizzi i frame?

[spiug]

e se utilizzi i frame?

No...troppo semplice

...vorrei fare qualcosa di accessibile a tutti!!

E poi i frame non mi piacciono

[spiug]

...ho ritrovato il codice...

...basta mettere questo tra il body (nel punto in cui si vuole):

<script language="JavaScript" src="menù.js"></script>

e un file esterno con estensione .js (javascript) con all'interno qualcosa del genere:

document.write('<b>MENU</b><br>')
document.write('<a href="/index.html">Home Page</a><br>')
document.write('<a href="/pag2.html">Pagina 2</a><br>')
document.write('<a href="/pag3.html">Pagina 3</a><br>')
document.write('<a href="/pag4.html">Pagina 4</a><br>')
document.write('<a href="/pag5.html">Pagina 5</a><br>')
document.write('<a href="/pag6.html">Pagina 6</a><br>')
document.write('<a href="mailto:tua@email.it">Contattaci</a>')

...ma in caso il menù diventi complesso non riesco ad sfruttare questo metodo...dove sbaglio??

[jhonsilver]

Il codice che c'è nel file con estensione "js" non fa altro che stampare delle righe, non è un vero e proprio menù...

Che genere di menù ti servirebbe? e che tipo di problemi ti da quando il codice diventa più complesso?

[Lorenz]

Intanto comincia col togliere quell'accento dal nome del file... :dia:

[spiug]

Il codice che c'è nel file con estensione "js" non fa altro che stampare delle righe, non è un vero e proprio menù...

Che genere di menù ti servirebbe? e che tipo di problemi ti da quando il codice diventa più complesso?

Questo tra l'head (che posso tranquillamente lasciar là:

<script type="text/javascript" language="javascript">
function mostra_nascondi(id){if (document.getElementById){if(document.getElementById

(id).style.display == 'none'){document.getElementById(id).style.display = 'block';}else

{document.getElementById(id).style.display = 'none';}}}
</script>

e qui il menu (senza accento ):

<table border="0" CELLSPACING="0" CELLPADDING="0" style="cursor:url('immagini/oro.cur'); 

position:absolute; top:170; left:0">
<tr><td colspan="3"><img style="filter:chroma(color=#ffffff)" src="immagini/top.gif" 

width="250"/></td></tr>
<tr><td width="40"><img style="filter:chroma(color=#000000)" src="immagini/sx.gif" width="40" 

height="300"/></td>
<td background="immagini/mez.png" width="*">

<font size="4"><b> ::. <a class="menù" href="index.htm">Home page</a></b><p>

<div id="testo"><b> ::. <a class="menù" href="#" onclick="mostra_nascondi('cur'); return 

false" >CURIOSITA'</a></b></div><div id="cur" style="display:none">
....<a class="mat" href="storia.htm">Storia del telefonino</a><br>
..<a class="mat" href="informatica.htm">Trasmissione dati</a><br>
....<a class="mat" href="sms.htm">Linguaggio SMS</a><br>
..<a class="mat" href="business.htm">Business</a><br>
....<a class="mat" href="diritto.htm">Digital Divide</a><br>
..<a class="mat" href="ws.htm">Welfare-State</a><br>
....<a class="mat" href="matematica.htm">Scegli la tariffa</a><br>
..<a class="mat" href="memo.htm">Piattaforme Nokia</a><br>....<a class="mat" 

href="memo.htm">Riepilogo Flash Card</a>
</div>

<p><div id="testo"><b> ::. <a class="menù" href="#" onclick="mostra_nascondi('dl'); return 

false">DOWNLOAD</a></b></div>
<div id="dl" style="display:none">
..<a class="mat" href="programmi.htm">Programmi</a>
<br>....<a class="mat" href="utility.htm">Utility</a>
<br>..<a class="mat" href="giochi.htm">Giochi</a>
<br>....<a class="mat" href="temi.htm">Temi</a>
<br>..<a class="mat" href="sfondi.htm">Sfondi</a>

</div>


<p><b> ::. <a class="menù" href="codici.htm">Codici e trucchi</a></b>

<p><b> ::. <a class="menù" href="blog.htm">Blog & News</a></b>

<p><b> ::. <a class="menù" href="glossario.htm">Glossario</a></b>

<p><b> ::. <a class="menù" href="mappa.htm">Mappa del sito</a></b>

</font></td><td valign="top" width="40"><img style="filter:chroma(color=#000000)" 

src="immagini/dx.gif" width="40" height="300"/></td>
</tr>
<tr>
<td colspan="3"><img style="filter:chroma(color=#ffffff)" src="immagini/sotto.gif" width="250"/></td></tr>
</table>

...se ci capite qualcosa sarebbe un menù con voci a comparsa contornato da delle immagini (top, sx,dx,sotto) e tutto racchiuso (per posizionare meglio le varie cose) in una tabella.

[spiug]

questo sarebbe il risultato...carino,vero??

Però ho un problemino...quando clicco sul menù sulle parole in MAIUSCOLO (e quindi compaiono altre opzioni) non riesco a fare in modo che le due immagini (sx e dx) si allunghino assieme al resto di menù...

c'è qualche possibile soluzione??

[jhonsilver]

Molto carino, complimenti...

Mi sono salvato il codice in due file di testo, appena ho un minuto di respiro li guardo con attenzione...

[spiug]

...certo che però senza immagini (del n70) NON è la stessa cosa!!

[spiug]

...richiamo in vista questa discussione ;-)

...come faccio??

[Bug]

Invece di inserire le immagini attraverso il tag img le puoi visualizzare come background del td in modo che si ripetano e diano lo stesso effetto :up1:

[spiug]

Invece di inserire le immagini attraverso il tag img le puoi visualizzare come background del td in modo che si ripetano e diano lo stesso effetto :up1:

...purtroppo l'immagine non è speculare da alto e basso, quindi si noterebbe troppo il punto di congiunzione tra un'immagine e l'altra...

...comunque ho parzialmente risolto + o - coem indicato da te, cioè tenendo l'immagine con img quando è tutto chiuso, e poi per quando si allunga il menù si vede per il restante pezzo un'immagine di sfondo (molto lunga) della cella che ho creto (che nella prima fase viene nascosta dall'immagine con img)..però si nota un po' il punto dove finisce quella con img e comincia quella della td, in maniera però passabile )

...speravo ci fosse un modo migliore...

[spiug]

Mi sembra di aver capito che ci sono 4 modi per includere il menu (scritto in un file separato) nel codice HTML:

-con l'utilizzo dei FRAMES (come suggeritomi da Enzoservice), ma ne è sconsigliato l'utilizzo per problemi di visibilità (per i browser che non supportano l'utilizzo dei frames...e i programmi per non-vedenti) e di indicizzazione da parte dei motori di ricerca;

-con il menu in JAVASCRIPT, richiamando cioè in file esterno con estensione .js è il metodo più semplice e lascia spazio alla creatività (e infatti vorrei utillare), quindi il menù viene creato dal lato client (invisibili perciò ai motori di ricerca e a quie pochi browser che non supportano il Javascript);

-con il menu in FLASH, importando il file d'animazione flash...che io ritengo pesanti (per chi ha l'analogica) e fastidiosi (non è abilitato il tasto destro per le sue solite funzioni, magari per voler aprire il collegamento in un altra finestra, ecc..);

-con inclusioni LATO SERVER, che è la maniera più corretta e visibile, utilizzando linguaggi PHP o ASP o SSI o comunque altri linguaggi lato server..però non son certo semplici da realizzare e dobbiamo aver partecipazione da parte del server (deve perciò riconoscere questi tipi di linguaggi).

[spiug]

...siccome il menù esterno in .js è complicato può essere che devo procedere così:

document.write(' aaa <img src="bbb.jpg">
+'nnnn, fdsoifjo <table> 
...
+'xyz, <mailto giggio@libero.it>');

Il menu in particolare che devo riuscire a far visualizzare è questo menu.zip

C'è un modo per iruscirci??

...o devo passare ai Frames?? <_<

[spiug]

Sono riuscito a rendere esterno tutto il menu...però ora mi trovo impacciato sul riuscire a far funzionare la funzione javascript Mostra/Nascondi...in quanto lo scipt è inserito nell'head del file principale, mentre il resto del menù è nel file .js, e non riesco a far in modo che giri...

...nell'allegato (Nuovo_Cartella_compressa.zip)ho inserito il menu esterno che si crea a son di document.write e all'inizio lo scipt (da togliere perchè l'inclusione funzioni) per il Mostra/Nascondi che ho usato fino ad adesso e andava "normalmente", ma non con il richiamo...

...quali modi ci sono per far scomparire e apparire un elemento al clic di un'altro elemento??

Qualcuno gentilmente saprebbe fornirmi un codice?