problema con JavaScript per Richiamare un codice su più pagine
ciao a tutti... ho trovato su questo sito http://adserver.jacoz.net/frame.as/h...sassidesign.it
un modo per richiamare un determinato codice su più pagine web in modo da non modificarle una per una....
il sito si riferisce per esempio ad una barra del menù, e quindi dicono di inserire nel file
menu.js
il seguente codice
Codice:
document.write('<strong>:: MENU :: </strong><br><br>')
document.write('<a href="#">Home Page</a><br>')
document.write('<a href="#">Chi siamo </a><br>')
document.write('<a href="#">Dove siamo </a><br>')
document.write('<a href="#">Cosa facciamo </a><br>')
document.write('<a href="#">Contattaci</a><br>')
poi x inserire la barra del menù in una pagina web inserire questo codice
Codice:
<script language="JavaScript" src="menu.js"></script>
Ho provato a farlo, ed effettivamente funziona!
ora però io vorrei farlo con la barra del menù che ho creato io...
questo è il codice
Codice HTML:
<!-- menu centrale -->
<head>
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#slantedmenu{
font-weight: bold;
font-size: 90%;
}
#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}
#slantedmenu ul li{
display: inline;
}
#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(http://www.fileden.com/files/2007/9/15/1432694/slantdivider%5B1%5D.gif ) top right no-repeat;
}
#slantedmenu ul li a:visited{
color: #494949;
}
#slantedmenu ul li a:hover{
color: black;
}
</style>
</head>
<div id="slantedmenu">
<ul>
<center><li>
<a href="http://www.freegameweb.altervista.org" onMouseover="showtip('La Pagina Principale del sito')" onMouseout="showtip('Passa col mouse su un link per avere più info.')">Home</a></li>
<li><a href="http://freegameweb.altervista.org/giochiabilita/abilita.php" onMouseover="showtip('Tutti i Giochi di Abilità che vuoi! Sarai in grado di competere??')" onMouseout="showtip('Passa col mouse su un link per avere più info.')">Abilità</a></li>
<li><a href="http://freegameweb.altervista.org/giochisparaammazza/sparaammazza.php" onMouseover="showtip('I 3 ingredieni per un buno spara ammazza?? Calma armi a volontà e SANGUE! SANGUE! SANGUE!')" onMouseout="showtip('Passa col mouse su un link per avere più info.')">Spara Ammazza</a></li>
<li><a href="http://freegameweb.altervista.org/sport/sport.php" onMouseover="showtip('Lo sport è la vostra vita??? Questa è la sezione giusta per voi!')" onMouseout="showtip('Passa col mouse su un link per avere più info.')">Sport</a></li>
<li><a href="http://freegameweb.altervista.org/puzzle/puzzle.php" onMouseover="showtip('Vi piace scervellarvi con video game impossibili?? Se sì questa sezione vi metterà molto alla prova!')" onMouseout="showtip('Passa col mouse su un link per avere più info.')">Puzzle</a></li>
<li><a href="http://freegameweb.altervista.org/Humor/Humor.php" onMouseover="showtip('Vi sentite tristi, un po giù di morale?? Abbiamo qualcosa per ri animarvi un po!!')" onMouseout="showtip('Passa col mouse su un link per avere più info.')">Humor</a></li>
<li><a href="http://freegameweb.altervista.org/datavolo/datavolo.php" onMouseover="showtip('I classici giochi della domenica in famiglia... Ovviamente non potevano mancare!!')" onMouseout="showtip('Passa col mouse su un link per avere più info.')">Da Tavolo</a></li>
<li><a href="http://freegameweb.altervista.org/yetisport/yetisport.php" onMouseover="showtip('Uno dei giochi che ha fatto la storia del video game!! Che aspettate?? Abbiamo la lista completa!!')" onMouseout="showtip('Passa col mouse su un link per avere più info.')">Yeti Sport</a></li>
</ul>
</div>
<script>
<!--
/*
Form Box Tool Tip script: By JavaScript Kit (www.javascriptkit.com) More free scripts here
*/
function showtip(tip){
document.tool.tip.value=tip
}
//-->
</script>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><p align="center"><strong>
<br>
<tr>
<td width="100%"><form name="tool">
<div align="center"><p><input type="text" name="tip"
size="100"></p>
</center></div>
</form>
</td>
</tr>
</table>
<br>
però non funziona:crycry: non capisco il perché!!!
Presumo che sia un problema stupidissimo però non riesco a trovarlo!!!
Mi potete aiutare??
grazie...
