nicht angemeldet
Hallo allerseits!
Ich brauche einen iframe in einem absoluten div, überlagert von einem weiteren absolut positionierten div, in dem ein Eingabefeld ist. Leider wird in Mozilla im Eingabefeld der Cursor nicht dargestellt, im IE ist nicht einmal eine Eingabe möglich.
Hat jemand hier einen Tipp für mich?
Vielen Dank und viele Grüße
Joachim
P.S: hier der Beispielcode:
<html>
<head>
<style>
#xframe { position:absolute; visibility:hidden; border:1px solid black; left:100; top:110; width:400; align:center; z-index:2; }
#xiframe { x-visibility:hidden; }
#xinput { position:absolute; visibility:visible; border:1px solid black; left:100; top:100; width:400; align:center; z-index:1; }
</style>
<script language="JavaScript" type="text/javascript">
function sw_divs(div1, div2) {
document.getElementById(div1).style.visibility='visible';
document.getElementById(div2).style.visibility='hidden';
}
</script>
</head>
<body>
<div id="xframe">
<a href="javascript:void(0)" onclick="sw_divs('xinput', 'xframe');">Input</a><br>
<iframe FRAMEBORDER="1" BORDER="0" width="300" height="300" src="http://heise.de/" scrolling="yes" id="xiframe"></iframe>
</div>
<div id="xinput">
<a href="javascript:void(0)" onclick="sw_divs('xframe', 'xinput');">Frame</a><br>
<form><input></form>
</div>
</body>
</html>