nicht angemeldet
hallo zusammen,
manchmal sind es Kleinigkeiten:
1.
function zeige_inhalt(id,inhalt,y,x)
{
if (document.getElementByID)
...
wird !nie! erreicht, da das getElementById heissen muss.
2. Definierst du die Funktion mit 4 Parametern, lieferst beim Aufruf aber nur drei.
ok hab deinen Code jetzt soweit geändert, damit ich das eigentliche Problem erkennen kann.
1. In Opera sind die "Detail-Fenster" nicht wie gewünscht bzgl Größe und Handling (der schliessen-link geht nicht).
2. so gehts zumindest im IE:
<style type="text/css">
<!--
div.linkText {position:relative; }
#blubb1859 {z-index:1; }
#blubb1860 {z-index:0; }
div.Detail { z-index:2;
position:absolute;
width:150px;height:150px;top:0px;left:0px;
visibility:hidden;
}
-->
</style>
</head>
<body>
<!--- 1. div --->
<div id="blubb1859" class="linkText" >
<a href="#bla1859" onclick="zeige_inhalt('1859','',window.event.y,window.event.x)">Denktagebücher Hannah Arendt</a>
<div id="1859" class="Detail">
<table width=100% height=100% style="color:#FFFFFF;background-color:#666666;z-index:20">
<tr><td valign=top>Präsentation mit Lesung</td></tr><tr><td valign=bottom align=right><a href="javascript:verstecke_inhalt('1859');" style="color:#FFFFFF;background- color:#666666;font-size:9px;z-index:20">Fenster schließen</a></td></tr></table>
</div></div>
<div id="blubb1860" class="linkText"><a href="#bla1859" onclick="zeige_inhalt('1860','',window.event.y,window.event.x)">
Denktagebücher Hannah Berendt</a>
<div id="1860" class="Detail">
<table width=100% height=100% style="color:#FFFFFF;background-color:#666666;z-index:20">
<tr><td valign=top>Präsentation ohne Lesung</td></tr><tr><td valign=bottom align=right><a href="javascript:verstecke_inhalt('1860');" style="color:#FFFFFF;background- color:#666666;font-size:9px;z-index:20">Fenster schließen</a></td></tr></table>
</div></div>
<!--- ende 2. div --->
</div>
Warum das so ist, kann ich dir nicht erklären,
ich orakle mal dass der z-index nur innerhalb der Elternelemente eine Rolle spielt, also wenn blubb1859 z-index:1 ist 1859 mit z-index:2 "drüber".
Aber blubb1860 lag (bei dir) auf einer Ebene mit blubb1859 und das hat er dann über 1859 gemalt.
Zusätzliche Vorschläge
window.event kannst du auch im event-handler abfragen, musst du nicht mit übergeben.
Stylesheets verwenden wie oben, zumindest die style-angaben in den <head> packen mit
<style type="text/css">
Klassen definieren etc. spart code! und macht es überschaubar!
größe der Divs muss nicht geändert werden, auf hiddden, visible seten reicht.