problema con JavaScript per Richiamare un codice su più pagine

09-01-2008, 22.52.01

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

non capisco il perché!!!
Presumo che sia un problema stupidissimo però non riesco a trovarlo!!!
Mi potete aiutare??
grazie...

**dementialsite** · 10-01-2008, 09.51.36

Puoi trovare spiegazioni e commenti in questo topic: http://forum.it.altervista.org/basi-...on-iframe.html (post #5).

Ti consiglio pero' di separare CSS e JavaScript in due file separati: perche' tutto funzioni, dovrai importare sia l'uno (con il tag <link>) che l'altro (con il tag <script>).

Stammi bene...

10-01-2008, 15.54.47

Originalmente inviato da dementialsite

Puoi trovare spiegazioni e commenti in questo topic: http://forum.it.altervista.org/basi-...on-iframe.html (post #5).

Ti consiglio pero' di separare CSS e JavaScript in due file separati: perche' tutto funzioni, dovrai importare sia l'uno (con il tag <link>) che l'altro (con il tag <script>).

Stammi bene...

devo farne solo 2 separando css e html?? non 3???
perchè il menù contine la parte in css la parte in html e una parte in javascript che consiste in una piccola barra in basso in cui compare una diversa scritta a seconda di dove passi col cursore...

**dementialsite** · 10-01-2008, 16.49.31

Puoi farne anche solo due... purché metti le funzioni che ti servono prima delle document.write() che stampano il codice HTML (in questo caso, copia le funzioni di supporto così come sono senza aggiungere document.write).

Con tre file le cose diventano solo più ordinate: uno per i CSS, uno JS per le funzioni richiamate e un altro JS che fa le funzioni di include().

Stammi bene...

Discussione: problema con JavaScript per Richiamare un codice su più pagine

LinkBack

Strumenti discussione

Display

problema con JavaScript per Richiamare un codice su più pagine

Regole di scrittura