Ho due javascript nella mia pagina, uno è il menù e l'altro è un lightbox. La pagina funziona benissimo fino a quando non inserisco il lightbox che mi cambia le dimensioni del menù...
Posto di seguito il codice, grazie a tutti!!
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Lightbox JS v2.0 | Test Page</title>
<link rel="stylesheet" href="lightbox2/css/lightbox.css" type="text/css" media="screen" />
<script src="lightbox2/js/prototype.js" type="text/javascript"></script>
<script src="lightbox2/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="lightbox2/js/lightbox.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td width="12" height="14"></td>
<td width="228"></td>
<td width="562"></td>
</tr>
<tr>
<td height="19"></td>
<td valign="top"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">CATTEDRALIDISMERALDO<font color="#E45601">.COM</font></font></td>
<td></td>
</tr>
<tr>
<td height="15"></td>
<td></td>
<td></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td width="1" height="90"></td>
<td width="100%" align="center" valign="top" bgcolor="#000000">[img]Foto/SfondoHome.jpg[/img]</td>
<td width="36"></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td width="218" height="19"></td>
<td width="100%" align="center" valign="top" bgcolor="#000000"> <script type="text/javascript" language="JavaScript">
<!--
/* A REGLER MANUELLEMENT SI LE CADRE EST TROP PETIT */
hauteurcadre = 0;
xmenu = new Array;
xlien = new Array;
xmenu[0] = 'Autore';
xmenu[1] = 'Il Volume';
xmenu[2] = 'I Luoghi';
xmenu[3] = 'Le Storie';
xmenu[4] = 'Gallerie';
xmenu[5] = 'Recensioni';
xmenu[6] = 'Acquista';
xmenu[7] = 'Home';
xlien[0] = ''
xlien[1] = ''
xlien[2] = ''
xlien[3] = ''
xlien[4] = ''
xlien[5] = ''
xlien[6] = ''
xlien[7] = ''
xlien[0] += '<A =" " CLASS=menudyn2>|</A>';
xlien[1] += '<A =" " CLASS=menudyn2>|</A>';
xlien[2] += 'New England';
xlien[2] += '<A =" " CLASS=menudyn2>|||||</A>';
xlien[2] += 'Mid Atlantic';
xlien[2] += '<A =" " CLASS=menudyn2>|||||</A>';
xlien[2] += 'Go West';
xlien[2] += '<A =" " CLASS=menudyn2>|||||</A>';
xlien[2] += 'I Parchi Nazionali';
xlien[2] += '<A =" " CLASS=menudyn2>|||||</A>';
xlien[2] += 'Western Canada';
xlien[2] += '<A =" " CLASS=menudyn2>|||||</A>';
xlien[2] += 'Pacific Northwest';
xlien[2] += '<A =" " CLASS=menudyn2>|||||</A>';
xlien[2] += 'Alaska';
xlien[3] += 'Amish';
xlien[3] += '<A =" " CLASS=menudyn2>|||||</A>';
xlien[3] += 'Lewis e Clark';
xlien[3] += '<A =" " CLASS=menudyn2>|||||</A>';
xlien[3] += 'Nativi Americani';
xlien[4] += 'Foto';
xlien[4] += '<A =" " CLASS=menudyn2>|||||</A>';
xlien[4] += 'Video';
xlien[5] += '<A =" " CLASS=menudyn2>|</A>';
xlien[6] += 'On-Line';
xlien[6] += '<A =" " CLASS=menudyn2>|||||</A>';
xlien[6] += 'Librerie';
xlien[7] += '<A =" " CLASS=menudyn2>|</A>';
document.write('<STYLE TYPE="text/css">\nA.menudyn2 {color:#E45601; text-decoration:none;}\nA:hover.menudyn2 {color:#E45601;text-decoration:none;}\n</STYLE>');
document.write('<STYLE TYPE="text/css">\nA.menudyn3 {color:#FFFFFF; text-decoration:none;}\nA:hover.menudyn3 {color:#000000;text-decoration:none;}\n</STYLE>');
document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH='+(xlien.length*100)+' BGCOLOR=#000000> <TR><TD><TABLE CELLPADDING=10 CELLSPACING=0 BORDER=0 WIDTH=100%> <TR>');
for(i=0;i<xlien.length;i++)
{
document.write('<TD BGCOLOR=#E45601 onMouseOver="javascript:colorIt(this);MajMenu('+i+ ')" ALIGN=center ID=td'+i+'><FONT SIZE=1 FACE="Verdana">'+xmenu[i]+'</FONT></TD>');
}
document.write('</TR> <TR> <TD COLSPAN='+(xlien.length)+' BGCOLOR=#E45601 HEIGHT='+hauteurcadre+' VALIGN=top><ilayer id="dynamenu31" width=100% height='+hauteurcadre+'><layer id="dynamenu32" width=100% height='+hauteurcadre+'><div id="dynamenu33"></div></layer></ilayer></TD> </TR></TABLE></TD></TR></TABLE>');
function colorIt(tditem)
{
if(document.all)
{
document.all.td0.style.background='#000000';
document.all.td1.style.background='#000000';
document.all.td2.style.background='#000000';
document.all.td3.style.background='#000000';
document.all.td4.style.background='#000000';
document.all.td5.style.background='#000000';
document.all.td6.style.background='#000000';
document.all.td7.style.background='#000000';
tditem.style.background='#E45601';
}
else if(document.getElementById)
{
document.getElementById("td0").style.background='# 000000';
document.getElementById("td1").style.background='# 000000';
document.getElementById("td2").style.background='# 000000';
document.getElementById("td3").style.background='# 000000';
document.getElementById("td4").style.background='# 000000';
document.getElementById("td5").style.background='# 000000';
document.getElementById("td6").style.background='# 000000';
document.getElementById("td7").style.background='# 000000';
tditem.style.background='#E45601';
}
}
function MajMenu(menu)
{
which = xlien[menu];
if (document.layers){
document.dynamenu31.document.dynamenu32.document.w rite('<FONT SIZE=1 FACE="Verdana">'+which+'</FONT>')
document.dynamenu31.document.dynamenu32.document.c lose()
}
else if (document.getElementById)
{
document.getElementById("dynamenu33").innerHTML = '<CENTER><FONT SIZE=1 FACE="Verdana, Arial">'+which+'[/B]</FONT></CENTER>';
}
else if (document.all){
dynamenu33.innerHTML=''
dynamenu33.innerHTML='<FONT SIZE=1 FACE="Verdana">'+which+'</FONT>';
}
}
if (document.getElementById)
colorIt(document.getElementById("td0"));
else if (document.all){
colorIt(document.all.td0);
}
MajMenu(0);
//-->
</script></td>
<td width="328"></td>
</tr>
</table>
<div align="center">
<script type="text/javascript" src="lightbox2/lightbox.js"></script>
<link rel="stylesheet" href="lightbox2/lightbox.css" type="text/css" />
<table width="802" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td width="10" height="10"></td>
<td width="196"></td>
<td width="596"></td>
</tr>
<tr>
<td height="266"></td>
<td valign="middle" bgcolor="#232323"> <div align="center">[img]Foto/Prima-pagina-copertina.jpg[/img]</div></td>
<td></td>
</tr>
<tr>
<td height="136"></td>
<td valign="top" bgcolor="#232323"></td>
<td></td>
</tr>
<tr>
<td height="10"></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
Rispondi quotando