Willkommen auf dem Portal für Mediengestalter

k2_arts · Threadersteller

hallo,

ich habe hier schon einen quellcode gefunden, der prinzipiell das widerspiegelt, was ich brauche.
doch habe ich folgendes problem, daß alle invisible elemente vorab aber sichtbar sind.
findet irgendwer den fehler?

danke vorab, katja

hier der quellcode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
<title>Layer</title>

<style type="text/css">

a {
font-family:verdana,arial,helvetica,sans-serif;
font-size:9pt;
color:#004080;
text-decoration:none;
font-weight:bold;
}

a:hover {
text-decoration:underline;
}

a:active{
color:#666666;
text-decoration:none;
}

#text1 {
position:absolute;left:100;top:200;
font-family:verdana,arial,helvetica,sans-serif;font-size:13px;color:#000000;
visibility:hidden;
}

#text2 {
position:absolute;left:100;top:200;
font-family:verdana,arial,helvetica,sans-serif;font-size:13px;color:#000000;
visibility:hidden;
}

#text3 {
position:absolute;left:100;top:200;
font-family:verdana,arial,helvetica,sans-serif;font-size:13px;color:#000000;
visibility:hidden;
}

#text4 {
position:absolute;left:100;top:200;
font-family:verdana,arial,helvetica,sans-serif;font-size:13px;color:#000000;
visibility:hidden;
}

</style>

<script type="text/javascript">

function zeigText(ziel)
{
if (document.all)
{
document.all[ziel].style.visibility = 'visible';
}
else if (document.layers)
{
document.layers[ziel].visibility = 'show';
}
else if (document.getElementById)
{
document.getElementById(ziel).style.visibility = 'visible';
}
}

function textWeg(ziel)
{
if (document.all)
{
document.all[ziel].style.visibility = 'hidden';
}
else if (document.layers)
{
document.layers[ziel].visibility = 'hide';
}
else if (document.getElementById)
{
document.getElementById(ziel).style.visibility = 'hidden';
}
}

</script>
</head>

<body>

<a href="#" onmouseover="zeigText('text1')" onmouseout="textWeg('text1')">Text 1</a>
     
<a href="#" onmouseover="zeigText('text2')" onmouseout="textWeg('text2')">Text 2</a>
     
<a href="#" onmouseover="zeigText('text3')" onmouseout="textWeg('text3')">Text 3</a>
     
<a href="#" onmouseover="zeigText('text4')" onmouseout="textWeg('text4')">Text 4</a>
     

<div id="text1">Hier steht irgendein Text</div>

<div id="text2">Hier steht irgendein Text<br> Hier steht irgendein Text<br> Hier steht irgendein Text</div>

<div id="text3">oder der Inhalt der Seite,<br> auf die der Link gesetzt ist</div>

<div id="text4">blablabla<br>blablabla</div>

</body>
</html>

pixelpapst303 · **Verfasst** Sa 13.09.2008 09:20 **Titel**

bisserl umständlich dein code, aber was solls... *zwinker*

Zim · **Verfasst** Sa 13.09.2008 15:27 **Titel**

Wenn du pixelpapsts code nimmst vergiss nicht das i bei visibility zu ergänzen *zwinker*

Allergings ist visibility:hidden eh nicht die beste Lösung da ein Objekt nur nicht angezeigt wird, aber noch da ist, es entsteht also ein Lücke in der Größe des Elements (andere können nicht nachrücken)

besser ist:

pixelpapst303 · **Verfasst** So 14.09.2008 09:57 **Titel**

Willkommen auf dem Portal für Mediengestalter

Thema: ebenen ein- und ausblenden mit css und java vom 13.09.2008

ebenen ein- und ausblenden mit css und java