HOME PAGE - Beispiele, Ebenen -

Path: Home / Home Page / Beispiele / Java-Script

Danke an Thilo für die Script-Verbesserung! Jetzt geht auch der Mozilla und Netscape.

... Dies ist der Inhalt von Ebene 1 ...

... Dies ist der Inhalt von Ebene 2 ...
... Dies ist der Inhalt von Ebene 2 ...

... Dies ist der Inhalt von Ebene 3 ...
... Dies ist der Inhalt von Ebene 3 ...
... Dies ist der Inhalt von Ebene 3 ...

Zeige Ebene 1
Zeige Ebene 2
Zeige Ebene 3

Quelltext

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--

var ebenenref;	
var i = 1;
var test = "demo";

function zeigeEbeneNr(ebene_nr){
    verbergen(eval('"' + test + i +'"'));
    zeigen(eval('"' + test + ebene_nr +'"'));
    i = ebene_nr; 
    }

function zeigen(name) {
    ebenenref= name;
    document.getElementById(ebenenref).style.visibility="visible";		
}

function verbergen(name) {
    ebenenref= name;
    document.getElementById(ebenenref).style.visibility="hidden";
}
//-->
</SCRIPT>

<STYLE TYPE="text/css">
#demo1 {position: absolute; visibility: visible; left: 35%; top: 80px;; width: 300px; clip:  rect(   )}
#demo2 {position: absolute; visibility: hidden; left: 35%; top: 80px;; width: 300px; clip:  rect(   )}
#demo3 {position: absolute; visibility: hidden; left: 35%; top: 80px;; width: 300px; clip:  rect(   )}
#Steuerung {position: absolute; z-index: 40; visibility: visible; left: 15%; top: 80px;; width: 300px; clip:  rect(   )}
</style>

</HEAD>

<BODY>

<DIV ID="demo1" >
... Dies ist der Inhalt von Ebene 1 ... <BR>
</DIV>
<DIV ID="demo2"> 
... Dies ist der Inhalt von Ebene 2 ... <BR>
... Dies ist der Inhalt von Ebene 2 ... <BR>
</DIV>
<DIV ID="demo3"> 
... Dies ist der Inhalt von Ebene 3 ... <br>
... Dies ist der Inhalt von Ebene 3 ... <br>
... Dies ist der Inhalt von Ebene 3 ... <br>
</DIV>

    
<DIV ID="Steuerung"> 
<A HREF="javascript:zeigeEbeneNr(1)">Zeige Ebene 1</A> <BR>
<A HREF="javascript:zeigeEbeneNr(2)">Zeige Ebene 2</A> <BR>
<A HREF="javascript:zeigeEbeneNr(3)">Zeige Ebene 3</A> <BR>
</DIV>
</BODY>
</HTML>