|
easy Slides - Inhalte einfach ein bzw. ausblenden Folgendes Codeschnipsel zeigt dir wie einfach es ist mit JavaScript Inhalte ein bzw. auszublenden. Um eine bessere Übersicht zu bekommen ist diese Art der Informationsanzeige oft sehr sinnvoll.
Dieser Code muss innerhalb des Headers (<head> ... hier her ... </head>): <script type="text/javascript"> <!-- function show(divid) { document.getElementById("m1").style.display="none"; document.getElementById("m2").style.display="none"; document.getElementById("m3").style.display="none"; document.getElementById(divid).style.display="block"; } function dummy() { } //--> </script> |
Und das auf die eignetliche Seite: <a href="javascript:dummy()" onclick="show('m1')">Menü 1</a> <div id="m1" style="display:none">Informationstext zum Menü 1</div> <br /><br /> <a href="javascript:dummy()" onclick="show('m2')">Menü 2</a> <div id="m2" style="display:none">Informationstext zum Menü 2</div> <br /><br /> <a href="javascript:dummy()" onclick="show('m3')">Menü 3</a> <div id="m3" style="display:none">Informationstext zum Menü 3</div> |
Demo ansehen |
Kommentare
Zur Zeit keine Kommentare eingetragen |
Um einen Kommentar zu hinterlassen musst du dich einloggen!