Tutte le scorciatoie, tutti i trucchi, link e tools utili per Hattrick / All tricks, links and tools for Hattrick
<script>
var ron="#c00000"; // Colore al MouseOver
var
roff="#000000"; // Colore di default
var leftmargin=10; // Distanza dal
margine sinistro della pagina
var topmargin=90; // Distanza dal margine
superiore della pagina
var largo=125; // Larghezza dei layers, quindi dei
bottoni del menu
var alto=20; // Altezza dei layers, quindi distanza
(verticale) fra le voci del menu
/* L'array seguente contiene i testi che
verranno visualizzati dal menu.
* Nell'esempio (il menu di JsDir) trovate
quattro elementi dell'array "voci" corrispondenti alle quattro voci del menu
principale
* Il primo elemento degli array e' il nome del menu, gli elementi
successivi sono i links contenuti nel singolo menu.
* Il tasto "Home" non
compare in questo array perche' viene inserito di default come primo elemento
*/
var voci=new Array();
voci[0]=new
Array("JavaScript","StaffScripts","UserScripts","FlyScripts","P.O.J.","Newsgroup
icly")
voci[1]=new Array("Documenti","F.A.Q &
Answers","Tutorials","Lezioni","Risorse e
Downloads","Biblioteca","Links");
voci[2]=new Array("About
us","Staff","Collaboratori","Contatti","Credits");
voci[3]=new
Array("Varie","Servizi Gratuiti","Sondaggi","Hanno detto di
noi","Banner","Advertising","Questo menu...");
/* Questo array contiene
invece i links che saranno aperti dalle singole voci dei sottomenu.
* Da
notare che il primo elemento degli array dev'essere una stringa vuota, infatti
corrisponde non ad un link
* da aprire, ma al titolo del sottomenu, cioe' al
primo elemento dell'array "voci"
* In quest'esempio (menu verticale) dato che
nel sito si apre in finestra per essere provato, tutti i links sono stati
sostituiti
* con dei #. Abbiamo lasciato gia' pronto solo il link a JsDir.
*/
var links=new Array();
links[0]=new
Array("","#","#","#","#")
links[1]=new
Array("","#","#","#","#","#","#")
links[2]=new
Array("","#","#","#","#")
links[3]=new
Array("","#","#","#","#","#","http://www.jsdir.com")
/* Ultimo array.
*
Contiene i testi che saranno visualizzati nella barra di stato del browser
quando il mouse e' sopra una voce del menu
* Anche in questo caso il primo
elemento degli array contiene il testo relativo alla voce principale dei
sottomenu */
var wst=new Array();
wst[0]=new Array("Risorse JavaScript nel
sito","Gli script dello Staff di JsDir - Le schede ti insegnano anche a
personalizzarli ed a capirne il funzionamento","Gli Script pubblicati dai nostri
visitatori. Contribuisci anche tu alla raccolta, puoi farlo on-line inviando i
tuoi lavori che saranno *immediatamente* visibili al nostro pubblico!","Una
serie di Wizards per programmare on-line gli scripts per il tuo sito!","Chi
l\'ha detto che JavaScript serve solo per far girare delle immagini o
controllare i form? Scopri in questa pagina applicazioni inedite (ed
insospettabili) di JavaScript","Finalmente un NG che da\' riposte serie a chi ha
bisogno di aiuto!!! (-=Gigio 2K=-)");
wst[1]=new Array("Imparare
JavaScript","Le Faq di JsDir - Sono piu\' di 400 ed aumentano in continuazione!
In quale altro sito trovi tante FAQ?","I tutorials sono dei micro manuali che
volta per volta affrontano argomenti di interesse generale","Le lezioni di
JavaScript ed un corso introduttivo all\'HTML","Un grande archivio (quasi 35
MegaBytes) di documentazione su JavaScript - Dal sito di Netscape","Una
panoramica di libri dedicati a JavaScript","Sono innumerevoli i siti presenti in
rete dedicati a JavaScript. Questa raccolta, lungi dall\'essere esaustiva,
comprende gia\' molti links, aiutaci nella raccolta segnalandoli allo
staff");
wst[2]=new Array("Chi lavora a JsDir","Le persone che lavorano
(giorno e notte!) a JsDir","Alcuni amici che saltuariamente (ma non tanto...)
contribuiscono alla crescita di JsDir","Per scrivere al WebMaster ed agli altri
autori del sito","Amici e siti che ci hanno aiutato nel setup del
sito");
wst[3]=new Array("Altri link e servizi","I servizi gratuiti di JsDir,
una valida alternativa offerta da JsDir ai WebMasters italiani","Vogliamo
conoscere meglio il nostro pubblico. Vota in HomePage il sondaggio del mese, i
risultati sono pubblici ed accessibili da questo link","Consentite anche a noi
un po\' di autocelebrazione! In questa pagina raccogliamo le recensioni ed i
pareri su qeusto sito","Vuoi scambiare un banner con JsDir?","Fra un po' sara'
possibile fare promozione tramite JsDir","Il sito in cui è reperibile
lo script di questo menu...");
/* * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Fine sezione
personalizzabile.
* Le righe che seguono costituiscono il menu vero e
proprio.
* La personalizzazione e' consigliata solo a webmaster un po'
esperti di JavaScript.
* Per la descrizione dello script si veda lo
StaffScript "Menu a tendine" in JsDir.
* Questo menu differisce dall'altro
"orizzontale" solo per i document.write che stampano i livelli, e per
*
l'aggiunta di un rollon nelle voci principali quando il menu e aperto.
* * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * */
var nn=document.layers?true:false,conta=0,last=0;
if
(nn)
{
document.writeln("<LAYER NAME=mtop. position=absolute
left="+leftmargin+" top="+topmargin+" width="+largo+" height="+alto+"
clip=0,0,"+largo+","+alto+" bgColor="+roff+" visibility=visible
onMouseOver=showdeps(last,false);mroll('mtop.')
onMouseOut=unmroll('mtop.')> <A HREF='home.html'
CLASS=menuNNb><I>Home</I></A></LAYER>");
for
(i=0;i<voci.length;i++)
{
var n=i;
document.writeln("<LAYER
NAME=mtop"+n+". position=absolute left="+leftmargin+"
top="+eval(alto+topmargin+alto*i)+" width="+largo+" height="+alto+"
clip=0,0,"+largo+","+alto+" bgColor="+roff+" visibility=visible
onMouseOver=MostraMenu("+i+");mroll('mtop"+i+".');conta++
onMouseOut=last="+i+";unmroll('mtop"+i+".');conta--> <A
HREF=javascript:mroll('mtop"+i+".') CLASS=menuNNb><I>"+voci[i][0]+"
</I></A></LAYER>");
for
(l=1;l<voci[i].length;l++)
document.writeln("<LAYER
NAME=mdep"+i+"."+l+" position=absolute left="+eval(leftmargin+largo)+"
top="+eval(topmargin+alto*i+alto*l)+" width="+largo+" height="+alto+"
clip=0,0,"+largo+","+alto+" bgColor="+roff+" visibility=hidden
onMouseOver=mroll('mdep"+n+"."+l+"');conta++
onMouseOut=unmroll('mdep"+n+"."+l+"');conta--> <A
HREF=javascript:mroll('mdep"+n+"."+l+"')
onClick=vai('"+links[i][l]+"',"+i+","+l+")
CLASS=menuNN>"+voci[i][l]+"</A></LAYER>");
}
}
else
{
document.writeln("<DIV
ID=mtop.
STYLE=\"position:absolute;left:"+leftmargin+";top:"+topmargin+";
width:"+largo+";height:"+alto+";background:"+roff+";visibility:visible;cursor:hand\"
onMouseOver=showdeps(last,false);mroll('mtop.')
onMouseOut=unmroll('mtop.')><A HREF='home.html' CLASS=menuIEb
onFocus=this.blur()> <I>Home</I></A></DIV>");
for
(i=0;i<voci.length;i++)
{
var n=i;
document.writeln("<DIV
ID=mtop"+n+".
STYLE=\"position:absolute;left:"+leftmargin+";top:"+eval(alto+topmargin+alto*i)+";width:"+largo+";
height:"+alto+";background:"+roff+";visibility:visible;cursor:hand\"
onMouseOver=MostraMenu("+n+");mroll('mtop"+n+".');conta++
onMouseOut=last="+n+";unmroll('mtop"+n+".');conta--><DIV
CLASS=menuIEb> <I>"+voci[i][0]+"</I></DIV></DIV>");
for
(l=1;l<voci[i].length;l++)
document.writeln("<DIV ID=mdep"+i+"."+l+"
STYLE=\"position:absolute;left:"+eval(leftmargin+largo)+";
top:"+eval(topmargin+alto*i+alto*l)+";width:"+largo+";height:"+alto+";background:"+roff+";visibility:hidden;
cursor:hand\"
onMouseOver=;mroll('mdep"+n+"."+l+"');conta++
onMouseOut=unmroll('mdep"+n+"."+l+"');conta-- CLASS=menuIE
onClick=vai('"+links[i][l]+"',"+i+","+l+")> "+voci[i][l]+"</DIV>");
}
}
timer=setInterval("NascondiMenu()",1000)
function
NascondiMenu()
{
if
(conta==0)
{
coloratutti(true)
timer=setTimeout("coloratutti(false)",200);
timer=setTimeout("showdeps(last,false)",250);
}
}
function
coloratutti(col)
{
colore=col?ron:roff;
for
(i=0;i<voci.length;i++)
for (j=1;j<voci[i].length;j++)
{
if
(nn)
document.layers["mdep"+i+"."+j].bgColor=colore;
else
if(document.all)
document.all["mdep"+i+"."+j].style.background=colore;
else
document.getElementById('mdep'+i+"."+j).style.background=colore;
}
}
function
MostraMenu(n)
{
showdeps(last,false);
showdeps(n,true);
last=n;
}
function
showdeps(n,act)
{
if
(conta==0)
{
act?stat="visible":stat="hidden";
if (nn)
for
(i=1;i<voci[n].length;i++)
document.layers["mdep"+n+"."+i].visibility=stat;
else
for
(i=1;i<voci[n].length;i++)
if(document.all)
document.all["mdep"+n+"."+i].style.visibility=stat;
else
document.getElementById('mdep'+n+"."+i).style.visibility=stat;
}
}
function
vai(dove,r,c)
{
lev=nn?document.layers["mdep"+r+"."+c]:(document.all)?document.all["mdep"+r+"."+c].style:document.getElementById("mdep"+r+"."+c).style;
if
(nn)
{
lev.bgColor=roff;
timer=setTimeout("lev.bgColor=ron",50)
timer=setTimeout("lev.bgColor=roff",100)
timer=setTimeout("lev.bgColor=ron",150)
timer=setTimeout("lev.bgColor=roff",200)
timer=setTimeout("lev.bgColor=ron",250)
}
else
{
lev.background=roff;
timer=setTimeout("lev.background=ron",50)
timer=setTimeout("lev.background=roff",100)
timer=setTimeout("lev.background=ron",150)
timer=setTimeout("lev.background=roff",200)
timer=setTimeout("lev.background=ron",250)
}
timer=setTimeout("self.location.href='"+dove+"'",350)
}
function
mroll(l)
{
toplayer="mtop"+l.substring(4,l.indexOf(".")+1);
nn?document.layers[l].bgColor=ron:(document.all)?document.all[l].style.background=ron:document.getElementById(l).style.background=ron;
nn?document.layers[toplayer].bgColor=ron:(document.all)?document.all[toplayer].style.background=ron:document.getElementById(toplayer).style.background=ron;
document.getElementById?document.getElementById(l).style.cursor=document.all?'hand':'pointer':'void(0)';
if
(l.substr(0,4)=="mdep")
stringa=wst[l.substr(4,l.indexOf(".")-4)][l.substring(l.indexOf(".")+1,l.length)];
else
if (l.length>5)
stringa=wst[l.substr(4,l.indexOf(".")-4)][0];
else
stringa="Home Page";
window.status=stringa;
timer=setTimeout("window.status=stringa",20);
}
function
unmroll(l)
{
toplayer="mtop"+l.substring(4,l.indexOf(".")+1);
nn?document.layers[l].bgColor=roff:(document.all)?document.all[l].style.background=roff:document.getElementById(l).style.background=roff;
nn?document.layers[toplayer].bgColor=roff:(document.all)?document.all[toplayer].style.background=roff:document.getElementById(toplayer).style.background=roff;
window.status="";
}
</script>
La pagina corrente utilizza i frame. Questa caratteristica non è supportata
dal browser in uso.