Hallo,
es liegen 3 DIVs übereinander, DIV1 ist sichtbar... bei klick auf die R1/R2/R3 soll das jeweilige DIV angezeigt werden und die anderen unsichtbar gemacht werden.
Nur leider tut sich überhaupt nichts:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>
<style type="text/css">
.content{position:absolute;left:70px;top:70px;width:226px;height:156px}
</style>
<script type="text/javascript">
function ebene(div_id)
{
if(div_id='rubrik_1')
{
document.getElementById('rubrik_1').style.visibility ='visible';
document.getElementById('rubrik_2').style.visibility ='hidden';
document.getElementById('rubrik_3').style.visibility ='hidden';
}
if(div_id='rubrik_2')
{
document.getElementById('rubrik__2').style.visibility ='visible';
document.getElementById('rubrik_1').style.visibility ='hidden';
document.getElementById('rubrik_3').style.visibility ='hidden';
}
if(div_id='rubrik_3')
{
document.getElementById('rubrik_3').style.visibility ='visible';
document.getElementById('rubrik_2').style.visibility ='hidden';
document.getElementById('rubrik_1').style.visibility ='hidden';
}
return false;
}
</script>
</head>
<body>
<a href="#" onClick="ebene('rubrik_1');">R1</a><br>
<a href="#" onClick="ebene('rubrik_2');">R2</a><br>
<a href="#" onClick="ebene('rubrik_3');">R3</a><br>
<div class=content id="rubrik_1">1...</div>
<div class=content id="rubrik_2" style=visibility:hidden>2...</div>
<div class=content id="rubrik_2" style=visibility:hidden>3...</div>
</body></html>
Danke im Voraus,
Klaus Cuhlmann