nicht angemeldet
Java Applet und CSS-Befehle.
Hallo Leute,
ich habe mal wieder ein Problem, wo ich trotz stundenlangem Suchen, keine Antwort finden kann. Vielleicht hat jemand von euch schon mal ein ähnliches Problem gehabt.
Folgendes kleines HTML-File kann man unter:
http://www.programmierbuecher.de/uhr/test/test.html aufrufen.
Man sieht darin ein kleines Java-Applet, ein Viereck und ein Input-Textfeld.
Mein Ziel: Ich möchte das Viereck über dem Java-applet plazieren.
Meine Idee: Ich benutze die CSS-Angabe z-index um die einzelnen <div>-Tags zu steuern.
Dies scheint aber nicht zu funktionieren. Am Bildschirm überlappt immer das Java-Applet das Recheck, obwohl z-index vom Rechteck größer ist. Erstaunlicherweise führen die Browser, das onmouseover und das onmouseout-Ereignis aus, auch im Bereich, wo Applet und Rechteck sich überlappen.
Es sieht fast so aus, dass das Rechteck das Applet bezüglich bestimmten Ereignissen überlappt und bei anderen nicht.
Z.B. Funktioniert der link, der hinter dem Rechteck verankert ist, nur in dem Bereich, den man am Bildschirm auch sehen kann.
Hat jemand eine Tip? Ich bin leider mit meinem Latein am Ende.
Code des Test-Files:
<html>
<head>
<title>testen</title>
<meta name="author" content="Gerd Gruber">
<script language="JavaScript">
<!--
function testen() {
document.getElementsByName("hallo")[0].value="Testen";
}
function testen2() {
document.getElementsByName("hallo")[0].value="nochmal Testen";
}
//-->
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div style="position:absolute; top:50px; left:20px; width:300px; height:300px; z-index:2;">
<applet code="Clock.class" id="Clock">
</applet>
</div>
<div style="position:absolute; top:100px; left:0px; width:59px; height:56px; z-index:5;">
<a href="http://www.heise.de/" onfocus="if(this.blur)this.blur()" onmouseover="testen()" onmouseout="testen2()"><img src="test.gif" alt="test" border="0"></a>
</div>
<div style="position:absolute; top:250px; left:0px; width:200px; height:100px; z-index:6;">
<input type="text" name="hallo" value="hallo">
</div>
</body>
</html>
schon im voraus vielen Dank für eure Mühen,
mit freundlichen Grüßen
Gerd Gruber
-
Hallo,
Ich würd ja gerne helfen, nur kann ich es mir nicht anschauen, da ich kein JavaVirtalMachine hab. könntest du mir sagen, wo ich dieses ohne service pack1 krig?
Grüße aus Düsseldorf,
--
Aleksej-
Hallo,
Ich würd ja gerne helfen, nur kann ich es mir nicht anschauen, da ich kein JavaVirtalMachine hab. könntest du mir sagen, wo ich dieses ohne service pack1 krig?
Grüße aus Düsseldorf,
Ganz einfach beim Erfinder von java z.b. unter:
http://java.sun.com/getjava/download.htmlEbensolche Grüße aus München
-
Hallo,
Ich würd ja gerne helfen, nur kann ich es mir nicht anschauen, da ich kein JavaVirtalMachine hab. könntest du mir sagen, wo ich dieses ohne service pack1 krig?
Bin ja überrascht! Mal einer hier, der IE 6.0 benutzt. :-)
Gruß André
-