Codice PHP:
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="./stylesheet.css">
<script type="text/javascript" language="javascript">
ie=document.all?1:0
n=document.layers?1:0
//How many menus do you have? (remember to copy and add divs in the body if you add menus)
var numberOfMenus=1;
//The width on the menus (set the width in the stylesheet as well)
var mwidth=200;
//Pixels between the menus
var pxBetween=10;
//The position the mouseover line div will stop at when going up!
var imageHeight=14;
//FUNZIONE PRINCIPALE
function newsMenuInit()
{
oTopMenu=new Array()
//Acquisisco la dimensione dello schermo per poter posizionare meglio le tendine
larghFin = document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
if(larghFin>=900)
{ larghFin2=larghFin; }
else
{ larghFin2=900; }
var fromLeft0=0+((larghFin2-900)/2);
var fromLeft1=fromLeft0+202
//Posizione da Sopra
var fromTop0=70;
var fromTop1=70;
for(i=0; i<=numberOfMenus; i++)
{
oTopMenu[i]=new Array()
oTopMenu[i][0]=new makeNewsMenu('divTopMenu'+i)
oTopMenu[i][1]=new makeNewsMenu('divTopMenuBottom'+i,'divTopMenu'+i)
oTopMenu[i][2]=new makeNewsMenu('divTopMenuText'+i,'divTopMenu'+i)
oTopMenu[i][1].moveIt(0,imageHeight)
oTopMenu[i][0].clipTo(0,mwidth,imageHeight+3,0)
oTopMenu[i][0].css.visibility="visible"
}
//*** QUESTO IMPOSTA LA POSIZIONE DEI MENU A TENDINA
oTopMenu[0][0].moveIt(fromLeft0,fromTop0)
oTopMenu[1][0].moveIt(fromLeft1,fromTop1)
}
//Object constructor
function makeNewsMenu(obj,nest)
{
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')
this.scrollHeight=n?this.css.document.height:eval('document.all.'+obj+'.offsetHeight')
this.moveIt=b_moveIt;
this.slideUp=b_slideUp; this.slideDown=b_slideDown;
this.clipTo=b_clipTo;
this.obj = obj + "Object";
eval(this.obj + "=this")
}
//Objects methods
function b_moveIt(x,y)
{
this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y
}
function b_clipTo(t,r,b,l)
{
if(n)
{
this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l
}
else this.css.clip="rect("+t+","+r+","+b+","+l+")";
}
function b_slideUp(ystop,moveby,speed,fn,wh)
{
if(!this.slideactive)
{
if(this.y>ystop)
{
this.moveIt(this.x,this.y-5); eval(wh)
setTimeout(this.obj+".slideUp("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)
}
else
{
this.slideactive=false; this.moveIt(0,ystop); eval(fn)
}
}
}
function b_slideDown(ystop,moveby,speed,fn,wh)
{
if(!this.slideactive)
{
if(this.y<ystop)
{
this.moveIt(this.x,this.y+5); eval(wh)
setTimeout(this.obj+".slideDown("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)
}
else
{
this.slideactive=false; this.moveIt(0,ystop); eval(fn)
}
}
}
//Muove la tendina
function topMenu(num)
{
if(oTopMenu[num][1].y==imageHeight)
{ oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,10,'oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)') }
else if(oTopMenu[num][1].y==oTopMenu[num][2].scrollHeight+20)
{ oTopMenu[num][1].slideUp(imageHeight,10,10,'oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)') }
}
</script>
</head>
<body background="img/tavola1.gif" onLoad="newsMenuInit();">
<!----------
| DIV 1 |
------------>
<div id="divTopMenu0" class="clTopMenu" style="visibility: visible;">
[url="#"] [img]img/tendina1.png[/img][/url]
<div id="divTopMenuText0" class="clTopMenuText">
<table border="0" cellpadding="0" cellspacing="0" width="191">
<tr>
<td>CIAO</td>
</tr>
<tr>
<td>A VOI</td>
</tr>
</table>
</div>
<div id="divTopMenuBottom0" class="clTopMenuBottom" style="left: 10px; top: 288px;"></div>
</div>
<!----------
| DIV 2 |
------------>
<div id="divTopMenu1" class="clTopMenu" style="visibility: visible;">
[url="#"] [img]img/tendina2.png[/img][/url]
<div id="divTopMenuText1" class="clTopMenuText">
<table border="0" cellpadding="0" cellspacing="0" width="191">
<tr>
<td>CIAO</td>
</tr>
<tr>
<td>A VOI</td>
</tr>
</table>
</div>
<div id="divTopMenuBottom1" class="clTopMenuBottom" style="left: 10px; top: 288px;"></div>
</div>
</body>
</html>
Così funziona...ma se sto codice voglio metterlo in un file JS separato e richiamarlo dalla <head> non mi funziona... 
Rispondi quotando