nicht angemeldet
So - hier bin ich nochmal mit meinem Problem!
Also, mein JavaScript sah ursprünglich wie folgt aus:
<script type="text/JavaScript">
<!--
function showobject(ebene){
if (document.getElementById(ebene).style.display == "block") {
document.getElementById(ebene).style.display = "none";
}
else {
document.getElementById("persdaten").style.display = "none";
document.getElementById("ausbildung").style.display = "none";
document.getElementById("berufserfahrung").style.display = "none";
document.getElementById("faehigkeiten").style.display = "none";
document.getElementById(ebene).style.display = "block";
}
}//-->
</script>
Das funktioniert auch, und zwar auch in Mozilla - nur aber eben so, dass sich die jeweils eingeblendete Ebene über dem Bild enomis1.gif befindet. Im IE wird das Bild umflossen - so wäre es gewünscht.
Ich hab jetzt versucht, das Script von Matthias anzuwenden (obwohl ich immer noch nicht glaube dass es am JS liegt ;) ) und zwar so:
[...]
<script type="text/JavaScript">
<!--
visible=false;
function showobject() {
if (!visible) {
document.getElementById('persdaten').style.visibility='visible';
visible=true;
} else {
document.getElementById('persdaten').style.visibility='hidden';
visible=false;
}
}
function newwindow(url,windowname,properties) {
window.open(url,windowname,properties);
}
//-->
</script>
</head>
<body>
<div id="inhalt">
<img class="enomis1" src="images/enomis1.gif" width="118" height="147" align="left" alt="">
<p> </p>
<a href="persdaten.html" target="_blank" class="lebenslauf" onClick="showobject('persdaten');return false;">Persönliche Daten »</a>
<div id="persdaten">Text und Text und Text ... bis er unter der Grafik wegfließt.</div>
</div>
<div id="hintergrund"><img src="images/hintergrund.jpg" width="100%" alt=""></div>
<div id="wasser"><img src="images/wasser.jpg" width="100%" alt=""></div>
<div id="schrift_hg"><img src="images/lebenslauf_hg.gif" width="254" height="62"></div>
</body>
</html>
Das funktioniert bei mir aber weder im IE noch im Mozilla ... es tut sich gar nichts mehr - auch keine Fehlermeldung.
Das dazugehörige CSS:
.enomis1 {
margin-right:30px;
}
#persdaten, #ausbildung, #berufserfahrung, #faehigkeiten, {
position:relative;
display:none;
left:13px;
margin-right:20px;
}
Wenn ich das ganze JS rausnehme und das div ganz normal per display:block; im CSS einblende, hab ich ebenfalls das Problem, dass sich die Ebene über das Bild legt.
Ich behaupte also immer noch es liegt nicht am JS sondern am CSS!
Nur - wo ist der Fehler? Ich find den einfach nicht ...
Liebe Grüße,
sunny