PDA

View Full Version : [ Html / JavaScript ] Problema Browser - Genymus

Genymus
20-08-2008, 15:05
Salve,
Ho questo Codice:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Menu</title>
</head>
<script>
function StartMenu()
{
document.getElementById('Photo').style.display = "none";
document.getElementById('WebS').style.display = "none";
document.getElementById('Information').style.display = "none";
document.getElementById('Contact').style.display = "none";
document.getElementById('AreaS').style.display = "none";
document.getElementById('MenuOpt').style.display = "none";
}

function OpenClose(menuId) {
if (document.getElementById(menuId).style.display == "none") {
StartMenu();
document.getElementById(menuId).style.display = "block";
}
else
{
StartMenu();
}
}

function menuOpen()
{
document.getElementById('Photo').style.display = "block";
document.getElementById('WebS').style.display = "block";
document.getElementById('Information').style.display = "block";
document.getElementById('Contact').style.display = "block";
document.getElementById('AreaS').style.display = "block";
document.getElementById('MenuOpt').style.display = "block";
}

function menuClose()
{
document.getElementById('Photo').style.display = "none";
document.getElementById('WebS').style.display = "none";
document.getElementById('Information').style.display = "none";
document.getElementById('Contact').style.display = "none";
document.getElementById('AreaS').style.display = "none";
document.getElementById('MenuOpt').style.display = "none";
}
</script>
</head>

<body onLoad="javaScript:StartMenu()">
<div id="menu">
<div style="background-color:#0033FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF; font-weight: bold" href="">.:
Home Page</a></div>
<div style="background-color:#0033FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF; font-weight: bold" href="">.:
Azienda</a></div>
<div style="background-color:#0070DF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF; font-weight: bold" href="javaScript:OpenClose('Photo')">::
Foto</a></div>
<div id="Photo">
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Azienda</a></div>
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Cantieri</a></div>
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Edifici</a></div>
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Lavori</a></div>
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Magazzino</a></div>
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Altre</a></div>
</div>
<div style="background-color:#0070DF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF; font-weight: bold" href="javaScript:OpenClose('WebS')">::
Servizi Web</a></div>
<div id="WebS">
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b> NewsLetter</a></div>

<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>Documenti Pubblici</a></div>
</div>
<div style="background-color:#0070DF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF; font-weight: bold" href="javaScript:OpenClose('Information')">::
Informazioni</a></div>
<div id="Information">
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
News</a></div>
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Fiscali</a></div>
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Generali</a></div>
</div>
<div style="background-color:#0070DF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF; font-weight: bold" href="javaScript:OpenClose('Contact')">::
Contatti</a></div>
<div id="Contact">
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Posta Elettronica</a></div>
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Telefono &amp; Fax</a></div>
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Indirizzo</a></div>
</div>
<div style="background-color:#0070DF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF; font-weight: bold" href="javaScript:OpenClose('Areas')">::
Area Riservata</a></div>
<div id="Areas">
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Clienti</a></div>
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Dipendenti</a></div>
<div style="background-color:#51A8FF; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="" target="_top"><b>:. </b>
Amministratore</a></div>
</div>
<div style="background-color:#666666; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF; font-weight: bold" href="javaScript:OpenClose('MenuOpt')">..
Opzioni Menu</a></div>
<div id="MenuOpt">
<div style="background-color:#999999; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="javaScript:menuOpen()"><b>:. </b>
Apri Tutto</a></div>
<div style="background-color:#999999; border-color:#666666; border-top-style:ridge; border-left-style:groove; border-right-style:groove;border-width:thin; height: 22px">
&nbsp;&nbsp;&nbsp;<a style="font-family: Bookman Old Style; color: #FFFFFF" href="javaScript:menuClose()"><b>:. </b>
Chiudi Tutto</a></div>
</div>
</div>
</body>
</html>

Che funziona perfettamente su Internet Explorer, ma su Mozilla dà problemi.
Come posso fare per farlo supportare a tutti e due?
Grazie
cionci
20-08-2008, 17:18
Tutti questi stili mettili in un file css esterno, almeno ci si riesca capire qualcosa e si evitano tutte quelle ripetizioni.
Genymus
20-08-2008, 21:07
Ok ma come devo fare per far supportare lo script da mozilla?
Genymus
21-08-2008, 12:47
...