nicht angemeldet
iframe in absolut positioniertem div
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>
-
Hier nochmal der Code zum Aufrufen: http://testix2.de/test1535.html
-
document.getElementsByTagName('input')[0].focus()
-
Gute Idee, das mit dem Focus, danke! Es hilft auch bei IE, nur der Mozilla ist wohl nicht dazu zu bewegen, den Cursor korrekt anzuzeigen... naja, damit muss ich wohl leben.
Viele Grüße
Joachim
-