Autor Zpráva
Kocik
Profil *
Zdravim. Mam problem s JavaScriptem v IE. V FireFoxu to jede. Jde o vyskakovaci menu. Neumim JavaScript, tak jsem to jen pouzil a poupravil z nejakyho navodu. Prosim o radu jak to upravit aby to fungovalo i v IE. Dekuji moc. Tady je cela stranka...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta content="MSHTML 6.00.2800.1458" name="GENERATOR">


<script language="JavaScript">
document.write ("<style>ul.sub{position: absolute; z-index:10; visibility: hidden; } li.mainHover ul.sub{visibility: visible;} li {behavior: url(hover.htc);}</style>");
</script>

<style type="text/css" media="screen">
#menu {font:0.83em Arial, ; width: 100%; float: left; clear: right;}
#menu ul {width: 900px;}
#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
#menu li {float: left; width: 110px;}
#menu li, #menu ul.sub li {margin: 0; padding: 0;}
#menu h3 {font-size: 1em; margin:0; padding: 1px; border: 0px solid Gray;}
#menu h3 a {display: block; text-decoration: none; width: 100%; }
#menu h3 a:hover {background-color: #ffffff; color: inherit; }
ul.sub {position: absolute; z-index: 10; visibility:hidden;} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/
#menu ul.sub li {display: block; border-left: 30px solid white; width: 100%; margin:0; padding: 0;}
#menu ul.sub li a {display: block; margin: 0; width: 150px; border-left: 10px solid white; background-color: white;}
#menu ul.sub li > a {width: 140px;}
#menu ul.sub li a:hover {background-color: #ffffff; color: inherit; border-left: 30px white;}

#menu ul li.main:hover h3 a {background-color: #ffffff; color: inherit;}
#menu ul li.main {position: relative;}
#menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
#menu ul li.main:hover ul.sub {visibility: visible;}


#maciwebmenu {
position: absolute;
top: 5px;
right: 5px;
margin: 0;
padding 0;}
</style>


</head>
<body color="black" alink="black" bgcolor="white" link="black" vlink="black">
<font face="Arial" size=4 color=red>Vítejte na stránkách chov.st. TOKOBO</font>
<BR><BR><BR><BR>


<div id="menu">
<ul>
<li class="main" ><CENTER>
<h3><a href="novinky.html" target="ram2"><B>Novinky</B></a></h3></CENTER>
<ul class="sub">
</ul>
</li>
<li class="main" ><CENTER>
<h3><a href="Bobika.html" target="ram2"><B>Bobika</B></a></h3></CENTER>
<ul class="sub">
</ul>
</li>
<li class="main" ><CENTER>
<h3><a href="stenatka.html" target="ram2"><B>Štěňátka</B></a></h3></CENTER>
<ul class="sub">
</ul>
</li>
<li class="main" ><CENTER>
<h3>Fotogalerie</h3></CENTER>
<ul class="sub">
<li><a href="#" target="ram2" title="Výcvik">Výcvik</a></li>
<li><a href="vylety.html" target="ram2" title="Výlety">Výlety</a></li>
<li><a href="#" target="ram2" title="Akce">Akce</a>
</ul>
</li>
<li class="main" ><CENTER>
<h3><a href="odkazy.html" target="ram2"><B>Odkazy</B></a></h3></CENTER>
<ul class="sub">
</ul>
</li>
<li class="main" ><CENTER>
<h3><a href="kontakt.html" target="ram2"><B>Kontakt</B></a></h3></CENTER>
<ul class="sub">
</ul>
</li>
<li class="main" ><CENTER>
<h3><a href="http://www.blueboard.cz/kniha_0.php?hid=2n1j0dp400o2o096e3x270jk 26pcn7" target="ram2"><B>Kniha návštěv</B></a></h3></CENTER>
<ul class="sub">
</ul>
</li>
</ul>
</div>


</body></html>
yderf
Profil
Odhadoval by som, že si si nestiahol ten subor hover.htc - v ňom je totiž ten javascript
Kocik
Profil *
Ups... aha :) A jak je mozny ze to v FF funguje a v IE to je problem?
yderf
Profil
Pretože ten javascript je iba pre IE - FF ho nepotrebuje, keďže zvláda pseudo-vlastnosť :hover aj na iných elementoch, ako na odkazoch. A po druhé, behavior je propietarne rozšírenie IE - vo FF nefunguje.
Kocik
Profil *
Dekuju. Uz mi to funguje :)

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: