Probleme bei Netscape
Dr.Gee
- browser
Hallo!
Ich habe eine Seite gemacht mit Javascript und einem iframe (siehe Quelltext unten). Wenn man nun auf ein Menupunkt (Lösung->Anwendungsszenarien->test1) klickt, dann wird das iframe ordnungsgemäß geöffnet. Wenn dann das iframe da ist kann man mit netscape den eintrag test3, und test4 nicht erreichen.Mit dem explorer gehts.
Der Quelltext ist validiert.
(Ich weiß das der Inhalt net berauschend ist, ist ja auch nur zum testen ;-) )
Wäre nett, wenn mir jemand helfen könnte.
hier der quelltext (drunter der Quelltext vom iframe)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<!-- <link rel=stylesheet type="text/css" href="index.css"> //-->
<script language="JavaScript" type="text/javascript">
var iframeda=false;
function hide()
{
document.getElementById("top1").style.visibility="hidden";
document.getElementById("sub1").style.visibility="hidden";
}
function makevisible(element,colorize,submen)
{
if(element)
{
document.getElementById(element).style.visibility="visible";
}
if(colorize)
{
document.getElementById('menu1').className="norm";
document.getElementById(colorize).className="menu";
}
if(submen)
{
document.getElementById(submen).style.visibility="visible";
}
}
function makehidden(element,menu,submen)
{
document.getElementById(element).style.visibility="hidden";
if(menu)
{
document.getElementById(menu).className="norm";
}
if(submen)
{
document.getElementById(submen).style.visibility="hidden";
}
}
function colorize(element,submen)
{
document.getElementById(element).className="active";
document.getElementById("sub1").style.visibility="hidden";
if(submen)
{
document.getElementById(submen).style.visibility="visible";
}
}
function gray(element)
{
document.getElementById(element).className="menu";
}
function norm(element)
{
document.getElementById(element).className="norm";
}
function printiframe(src)
{
document.getElementById("subframe").src=src;
document.getElementById("frame").style.visibility="visible";
}
function closeiframe()
{
document.getElementById("subframe").src="";
document.getElementById("frame").style.visibility="hidden";
}
</script>
</head>
<body onload="hide()" style='background-repeat:no-repeat;background-color:#FFFFFF;margin:0px;'>
<div style="position:absolute; top:20px; z-index:4;">
<table width="100%" border="0">
<tr>
<th id="menu1" onmouseover="makevisible('top1','menu1')" > Lösung</th>
</tr>
<tr>
<td valign="top">
<div id="top1" style="visibility:hidden;">
<table class="menu" border="0" width="100%" onmouseout="makehidden('top1','menu1','sub1')" onmouseover="makevisible('top1','menu1')">
<tr ><td class="menu" id="under1" onmouseover="colorize('under1')" onmouseout="gray('under1')">Qualitative und quantitaive Effekte</td></tr>
<tr ><td class="menu" id="under2" onmouseover="colorize('under2','sub1')" onmouseout="gray('under2')">Anwendungsszenarien </td></tr>
<tr ><td class="menu" id="under3" onmouseover="colorize('under3')" onmouseout="gray('under3')">Was erwarten Sie von Ihrer Lösung?</td></tr>
</table>
</div>
</td>
</tr>
</table>
<div id="sub1" style="position:absolute; top:60px;left:250px; visibility:hidden; z-index:0;">
<table class="menu" border="1" width="250px" onmouseout="makehidden('top1','menu1','sub1')" onmouseover="makevisible('top1','menu1','sub1')">
<tr><td class="menu" id="subunder1" onmouseover="colorize('subunder1','sub1')" onmouseout="gray('subunder1')" onclick="printiframe('start.html')"><a href="javascript:printiframe('start.html')">test1</a></td></tr>
<tr><td class="menu" id="subunder2" onmouseover="colorize('subunder2','sub1')" onmouseout="gray('subunder2')" onclick="printiframe('start.html')"><a href="javascript:printiframe('start.html')">test2</a></td></tr>
<tr><td class="menu" id="subunder3" onmouseover="colorize('subunder3','sub1')" onmouseout="gray('subunder3')" onclick="printiframe('start.html')"><a href="javascript:printiframe('start.html')">test3</a></td></tr>
<tr><td class="menu" id="subunder4" onmouseover="colorize('subunder4','sub1')" onmouseout="gray('subunder4')">test4</td></tr>
</table>
</div>
</div>
<div id="frame" style="position: absolute; top:135px; left:15px; visibility:hidden; z-index:3;">
<iframe id="subframe" src="" width="950" height="450">Ihr Browser unterstützt keine iframes!
</iframe>
</div>
</body>
</html>
IFRAME :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>New Document</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>
<body>
iframe inhalt
</body>
</html>
Hallo!
Moin!
[...] Wenn man nun auf ein Menupunkt (Lösung->Anwendungsszenarien->test1) klickt, dann wird das iframe ordnungsgemäß geöffnet.
Mit jedem Browser?
Wenn dann das iframe da ist kann man mit netscape den eintrag test3, und test4 nicht erreichen.
Was heißt denn in diesem Zusammenhang "nicht erreichen"? Sind die Links von irgendetwas verdeckt? Und vor allem, welchen Netscape meinst du?
Der Quelltext ist validiert.
Das muss nicht zwingend etwas bedeutet, weil der W3C Validator kein JavaScript prüft.
Wäre nett, wenn mir jemand helfen könnte.
Ich habe den Quelltext grob überflogen, konnte aber auf den ersten Blick nichts Gravierendes finden. Sieht nach gutem "altem" DOM aus.
Gruß, Robert