nicht angemeldet
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>