inclusione del menù html in una pagina html

**idro** · 19-03-2011, 18:59

ciao a tutti, per il mio sito utilizzo dei file html ognuno però ripete sempre il menù che c'è in poche parole io vorrei creare un file html col menù e ogni volta includerlo nelle pagine del mio sito senza ogni volta ricopiare il codice.
Ho usato questo comando ma non funziona:

codice:

Chi mi sa aiutare???

**carlomarangoni** · 19-03-2011, 19:59

Originariamente inviato da idro
ciao a tutti, per il mio sito utilizzo dei file html ognuno però ripete sempre il menù che c'è in poche parole io vorrei creare un file html col menù e ogni volta includerlo nelle pagine del mio sito senza ogni volta ricopiare il codice.
Ho usato questo comando ma non funziona:

codice:

Chi mi sa aiutare???

Due possibilità:
[list=1][*]Lato server con PHP o ASP (metodo consigliatissimo[*]Lato client con JavaScript (meno consigliato ma ugualmente efficace[/list=1]

**idro** · 19-03-2011, 20:05

sto provando col php ma non va in pratica il menù scende appena clicchi e nella pagina index.html ci sono i codici javascript che permettono il funzionamento del menù.
Ho provato con

Codice PHP:


<?php

include("menu.html");

?>

e questo è quello che contiene la pagina richiamata senza gli script js:

codice:

<table width="1000" border="0" cellspacing="0" cellpadding="0" align="center"> 
  <tr> 
    
    	<table width="184" border="0" cellpadding="0" cellspacing="0" class="fondmenu"> 
        	<tr> 
            	<td class="fondmenu"> 
 
						<table width="173" border="0" cellspacing="0" cellpadding="0" align="center"> 
						  <tr> 
							<td style="padding-left:1px;"> 
							<div class="menuhaut" id="menu_toogle_0">Il sito</div> 
						  <div id="menu_content_0"> 
						  <div class="menubouton">News</div> 
						  <div class="menubouton">Iscriviti</div> 
						  <div class="menubouton">Visita guidata</div> 
						  <div class="menubouton">Lo staff</div> 
						  <div class="menubouton">Statistiche</div> 
						  <div class="menubouton">Storia</div> 
						  <div class="menubouton">Contattaci</div> 
						  <div class="menubouton">Forum</div> 
						  <div class="menubouton">Link</div> 
						<div class="menubas" id="menu_close_0"></div></div></td></tr> 
						  </table> 
						
 
						<table width="173" border="0" cellspacing="0" cellpadding="0" align="center"> 
						  <tr> 
							<td style="padding-left:1px;"> 
							<div class="menuhaut" id="menu_toogle_1">Le D.A.</div> 
						  <div id="menu_content_1"> 
						  <div class="menubouton">News CL</div> 
						  <div class="menubouton">La storia</div> 
						  <div class="menubouton">Personaggi</div> 
						  <div class="menubouton">Mostri</div> 
						  <div class="menubouton">XANA</div> 
						  <div class="menubouton">ciao</div> 
						  <div class="menubouton">Cr&eacute;ateurs</div> 
						  <div class="menubouton">Programmation</div> 
						  <div class="menubouton">Avis sur le DA</div> 
						<div class="menubas" id="menu_close_1"></div></div></td></tr> 
						  </table> 
						
 
						<table width="173" border="0" cellspacing="0" cellpadding="0" align="center"> 
						  <tr> 
							<td style="padding-left:1px;"> 
							<div class="menuhaut" id="menu_toogle_2">Le vostre creazioni</div> 
						  <div id="menu_content_2"> 
						  <div class="menubouton">FanArts</div> 
						  <div class="menubouton">FanFictions</div> 
						  <div class="menubouton">LyokoTube</div> 
						  <div class="menubouton">Canzoni</div> 
						  <div class="menubouton">Coloriages</div> 
						  <div class="menubouton">Autres</div> 
						<div class="menubas" id="menu_close_2"></div></div></td></tr> 
						  </table> 
						
 
						<table width="173" border="0" cellspacing="0" cellpadding="0" align="center"> 
						  <tr> 
							<td style="padding-left:1px;"> 
							<div class="menuhaut" id="menu_toogle_3">Plus !</div> 
						  <div id="menu_content_3"> 
						  <div class="menubouton">Moonscoop</div> 
						  <div class="menubouton">Garage Kids</div> 
					        <div class="menubouton">Come disegnare...</div> 
						  <div class="menubouton">Subdigitals US</div> 
						  <div class="menubouton">LyokoQuizz</div> 
						  <div class="menubouton">Sondages</div> 
						<div class="menubas" id="menu_close_3"></div></div></td></tr> 
						  </table> 
						
 
						<table width="173" border="0" cellspacing="0" cellpadding="0" align="center"> 
						  <tr> 
							<td style="padding-left:1px;"> 
							<div class="menuhaut" id="menu_toogle_4">Galleria</div> 
						  <div id="menu_content_4"> 
						  <div class="menubouton">Home</div> 
						  <div class="menubouton">Gruppi</div> 
						  <div class="menubouton">Aelita</div> 
						  <div class="menubouton">Ulrich</div> 
						  <div class="menubouton">Odd</div> 
						  <div class="menubouton">Yumi</div> 
						  <div class="menubouton">Jeremy</div> 
						  <div class="menubouton">XANA</div> 
						  <div class="menubouton">William</div> 
						  <div class="menubouton">P. secondari</div> 
						  <div class="menubouton">Luoghi della Terra</div> 
						  <div class="menubouton">Luoghi Lyoko</div> 
						  <div class="menubouton">Scenari</div> 
						<div class="menubas" id="menu_close_4"></div></div></td></tr> 
						  </table> 
						
 
						<table width="173" border="0" cellspacing="0" cellpadding="0" align="center"> 
						  <tr> 
							<td style="padding-left:1px;"> 
							<div class="menuhaut" id="menu_toogle_5">Goodies</div> 
						  <div id="menu_content_5"> 
						  <div class="menubouton">Sfondi</div> 
						  <div class="menubouton">Screensavers</div> 
						  <div class="menubouton">Schermate di avvio</div> 
						  <div class="menubouton">Logon Screen</div> 
						  <div class="menubouton">Icone</div> 
						  <div class="menubouton">Cursori</div> 
						  <div class="menubouton">Font</div> 
						  <div class="menubouton">Skins</div> 
						  <div class="menubouton">Forum</div> 
						  <div class="menubouton">Goodies maison</div> 
						<div class="menubas" id="menu_close_5"></div></div></td></tr> 
						  </table> 
						
 
						
						  </td> 
            </tr> 
        </table>

**carlomarangoni** · 19-03-2011, 20:19

codice:

<?php 
include("menu.html"); 
?>

Va benissimo a condizione che il tuo server ti abbia abilitato l'uso di PHP

Oppure in javascript
Pagina dove includere il menu

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>
<div id="menu"><script language="JavaScript" src="menu.js" type="text/javascript"></script></div>
</body>
</html>

File esterno "menu.js"

codice:

// JavaScript Document


info="<table width=&#34;1000&#34; border=&#34;0&#34; cellspacing=&#34;0&#34; cellpadding=&#34;0&#34; align=&#34;center&#34;> " + 
"  <tr> " + 
"    " + 
"    	<table width=&#34;184&#34; border=&#34;0&#34; cellpadding=&#34;0&#34; cellspacing=&#34;0&#34; class=&#34;fondmenu&#34;> " + 
"        	<tr> " + 
"            	<td class=&#34;fondmenu&#34;> " + 
" " + 
"						<table width=&#34;173&#34; border=&#34;0&#34; cellspacing=&#34;0&#34; cellpadding=&#34;0&#34; align=&#34;center&#34;> " + 
"						  <tr> " + 
"							<td style=&#34;padding-left:1px;&#34;> " + 
"							<div class=&#34;menuhaut&#34; id=&#34;menu_toogle_0&#34;>Il sito</div> " + 
"						  <div id=&#34;menu_content_0&#34;> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/inscription.cl&#34;>Iscriviti</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/visiteguidee/&#34;>Visita guidata</a></div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/equipe.cl&#34;>Lo staff</a></div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/historique.cl&#34;>Storia</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;http://forum.codelyoko.fr&#34;>Forum</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/liens.cl&#34;>Link</a></div> " + 
"						<div class=&#34;menubas&#34; id=&#34;menu_close_0&#34;> </div></div></td></tr> " + 
"						  </table> " + 
"						
 " + 
"						<table width=&#34;173&#34; border=&#34;0&#34; cellspacing=&#34;0&#34; cellpadding=&#34;0&#34; align=&#34;center&#34;> " + 
"						  <tr> " + 
"							<td style=&#34;padding-left:1px;&#34;> " + 
"							<div class=&#34;menuhaut&#34; id=&#34;menu_toogle_1&#34;>Le D.A.</div> " + 
"						  <div id=&#34;menu_content_1&#34;> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/newscl.cl&#34;>News CL</a></div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/histoire/&#34;>La storia</a></div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/monstres/&#34;>Mostri</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;java-script:alert(&#39;De retour très bientôt !&#39;);&#34;>ciao</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;java-script:alert(&#39;De retour très bientôt !&#39;);&#34;>Programmation</div> " + 
"						  <div class=&#34;menubouton&#34;>Avis sur le DA</div> " + 
"						<div class=&#34;menubas&#34; id=&#34;menu_close_1&#34;> </div></div></td></tr> " + 
"						  </table> " + 
"						
 " + 
"						<table width=&#34;173&#34; border=&#34;0&#34; cellspacing=&#34;0&#34; cellpadding=&#34;0&#34; align=&#34;center&#34;> " + 
"						  <tr> " + 
"							<td style=&#34;padding-left:1px;&#34;> " + 
"							<div class=&#34;menuhaut&#34; id=&#34;menu_toogle_2&#34;>Le vostre creazioni</div> " + 
"						  <div id=&#34;menu_content_2&#34;> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/fanfictions/&#34;>FanFictions</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/fanfictions/categorie-10.cl&#34;>Canzoni</div> " + 
"						  <div class=&#34;menubouton&#34;>Coloriages</div> " + 
"						  <div class=&#34;menubouton&#34;>Autres</div> " + 
"						<div class=&#34;menubas&#34; id=&#34;menu_close_2&#34;> </div></div></td></tr> " + 
"						  </table> " + 
"						
 " + 
"						<table width=&#34;173&#34; border=&#34;0&#34; cellspacing=&#34;0&#34; cellpadding=&#34;0&#34; align=&#34;center&#34;> " + 
"						  <tr> " + 
"							<td style=&#34;padding-left:1px;&#34;> " + 
"							<div class=&#34;menuhaut&#34; id=&#34;menu_toogle_3&#34;>Plus !</div> " + 
"						  <div id=&#34;menu_content_3&#34;> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/garagekids.cl&#34;>Garage Kids</div> " + 
"					        <div class=&#34;menubouton&#34;><a href=&#34;/howtodraw.cl&#34;>Come disegnare...</a></div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/subdigitals_us.cl&#34;>Subdigitals US</a></div> " + 
"						  <div class=&#34;menubouton&#34;>LyokoQuizz</div> " + 
"						  <div class=&#34;menubouton&#34;>Sondages</div> " + 
"						<div class=&#34;menubas&#34; id=&#34;menu_close_3&#34;> </div></div></td></tr> " + 
"						  </table> " + 
"						
 " + 
"						<table width=&#34;173&#34; border=&#34;0&#34; cellspacing=&#34;0&#34; cellpadding=&#34;0&#34; align=&#34;center&#34;> " + 
"						  <tr> " + 
"							<td style=&#34;padding-left:1px;&#34;> " + 
"							<div class=&#34;menuhaut&#34; id=&#34;menu_toogle_4&#34;>Galleria</div> " + 
"						  <div id=&#34;menu_content_4&#34;> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/galeries/groupe.cl&#34;>Gruppi</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/galeries/ulrich.cl&#34;>Ulrich</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/galeries/yumi.cl&#34;>Yumi</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/galeries/xana.cl&#34;>XANA</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/galeries/secondaires.cl&#34;>P. secondari</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/galeries/lieuxterre.cl&#34;>Luoghi della Terra</a></div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/galeries/lieuxlyoko.cl&#34;>Luoghi Lyoko</a></div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/galeries/decors.cl&#34;>Scenari</a></div> " + 
"						<div class=&#34;menubas&#34; id=&#34;menu_close_4&#34;> </div></div></td></tr> " + 
"						  </table> " + 
"						
 " + 
"						<table width=&#34;173&#34; border=&#34;0&#34; cellspacing=&#34;0&#34; cellpadding=&#34;0&#34; align=&#34;center&#34;> " + 
"						  <tr> " + 
"							<td style=&#34;padding-left:1px;&#34;> " + 
"							<div class=&#34;menuhaut&#34; id=&#34;menu_toogle_5&#34;>Goodies</div> " + 
"						  <div id=&#34;menu_content_5&#34;> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/goodies/ss.cl&#34;>Screensavers</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/goodies/bootscr.cl&#34;>Schermate di avvio</a></div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/goodies/logonscr.cl&#34;>Logon Screen</a></div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/goodies/curseurs.cl&#34;>Cursori</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/goodies/skins.cl&#34;>Skins</div> " + 
"						  <div class=&#34;menubouton&#34;><a href=&#34;/goodiesmaison.cl&#34;>Goodies maison</div> " + 
"						<div class=&#34;menubas&#34; id=&#34;menu_close_5&#34;> </div></div></td></tr> " + 
"						  </table> " + 
"						
 " + 
"						" + 
"						  </td> " + 
"            </tr> " + 
"        </table> " + 
"" + 
""

document.write(info)

**idro** · 19-03-2011, 20:45

la cosa strana che però con il php non va anche se è abilitato.
Col js non va nemmeno non vedo la parte che si trova nel menu.js

**Myaku** · 19-03-2011, 20:48

Originariamente inviato da idro
la cosa strana che però con il php non va anche se è abilitato.

hai cambiato l'estensione della pagina in cui fai la include() da .html a .php? (es. index.html -> index.php )

**idro** · 19-03-2011, 20:51

no è sempre .html solo che ho provato ad aggiungere codici php include ma senza nessun risultato. Nemmeno con il javascript ottengo qualcosa, vedo solo la pagina index.html senza le parti del menù che dovrebbero essere incluse

**carlomarangoni** · 19-03-2011, 20:57

Hai sbagliato qualche cosa perchè io l'ho testato il codice che ti ho dato e funziona bene

Come detto PHP non funziona se non hai un server che ti fornisca il servizio PHP anche in locale ci vuole un server installato nel PC

**idro** · 19-03-2011, 20:58

è li che lo sto provando uso wampp.
Ho riprovato, ho riavviato il server ma niente

**Myaku** · 19-03-2011, 21:00

Originariamente inviato da idro
con il php non va anche se è abilitato.

no è sempre .html solo che ho provato ad aggiungere codici php include ma senza nessun risultato.

epperforza. se ci metti dei pezzi di codice php, la pagina deve avere estensione .php, altrimenti quel codice non ti viene interpretato.

Discussione: inclusione del menù html in una pagina html

Strumenti discussione

Ricerca discussione

Visualizza

inclusione del menù html in una pagina html

Re: inclusione del menù html in una pagina html

Permessi di invio