Lo script è particolarmente lungo e quindi, per comodità, è stato inserito in un file .js esterno.
Per richiamarlo nelle pagine utilizziamo questa sintassi (da usare tra i tag <head>):
------------------------------------------
<script language="Javascript" src="path.js" type="text/javascript"></script>
------------------------------------------
"path.js" è il nome del file esterno.
Sempre tra i tag <head> inseriamo questi fogli di stile:
------------------------------------------
<style>
.breadcrumbs {
FONT-SIZE: 11px; font-family: verdana, tahoma; COLOR: #000000; TEXT-DECORATION: none
}
A.breadcrumbs:hover {
FONT-SIZE: 11px; font-family: verdana, tahoma; COLOR: #006699; TEXT-DECORATION: underline
}
A.breadcrumbs:active {
FONT-SIZE: 11px; font-family: verdana, tahoma; COLOR: #000000; TEXT-DECORATION: underline
</style>
------------------------------------------
Queste tre classi (chiamate breadcrumbs) non sono altro che i fogli di stile che determinano l'aspetto grafico della stringa. Possiamo personalizzarle a piacere.
Adesso non resta altro che inserire questa stringa nel body delle pagine:
------------------------------------------
<SCRIPT>
<!-- //
breadCrumbs("http://www.html.it",">>",">","breadcrumbs","brea dcrumbs","breadcrumbs","0");
// -->
</SCRIPT>
------------------------------------------
Vediamo i parametri da personalizzare:
"http://www.html.it"
l'URL del vostro sito
">>"
i separatori tra la parola "Home" e le altre directory. Utilizzando ">>" avremo "Home >> directory"
">"
il carattere separatore tra le singole directory. Utilizzando ">" avremo "directory > directory2 > directory3"
"breadcrumbs","breadcrumbs","breadcrumbs"
sono i nomi delle tre classi del foglio di stile. in caso non volessimo usarle basterà cancellare le tre parole
"0"
con valore "0" avremo una stringa estesa per orizzontale. cambiando il valore in "1" avremo una stringa su due piani simile a questa:
------------------------------------------
Home >> directory >
pagina
------------------------------------------
Altre personalizzazioni non sono necessarie.