1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

[JS] Wie kann ich Ebenen Ein-/Ausblenden?

Dieses Thema im Forum "Webmaster FAQ" wurde erstellt von Andreas Gaisbauer, 5. August 2003.

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Andreas Gaisbauer

    Andreas Gaisbauer Erfahrenes Mitglied

    Wie kann ich Ebenen Ein-/Ausblenden?

    Dazu braucht man die Ebene die Ein/Ausgeblendet werden soll, sowie ein Element das den Event-Handler auslösen kann (hier der Link)
    Code (PHP):
    1. <a href="#" onClick="einblenden('ebene1'); return false;"> Ein-/Ausblenden </a>
    2. <div id="ebene1" style="display:none;"><br>
    3.   Bildtext Bildtext Bildtext Bildtext<br>
    4.   Bildtext Bildtext Bildtext Bildtext<br>
    5.   Bildtext Bildtext Bildtext Bildtext<br>
    6.   Bildtext Bildtext Bildtext Bildtext<br>
    7.   Bildtext Bildtext Bildtext Bildtext<br>
    8.   Bildtext Bildtext Bildtext Bildtext<br>
    9. </div>
    Die Funktion "Einblenden" sieht dann folgendermaßen aus:
    Code (PHP):
    1. <script language="JavaScript" type="text/javascript">
    2. <!--
    3. function einblenden(div) {
    4.   with(document.getElementById(div).style){
    5.     if(display=="none"){
    6.       display="inline";
    7.     }
    8.     else{
    9.       display="none";
    10.     }
    11.   }
    12. }
    13. //-->
    14. </script>
    Links:
    Tutorial von Gouraud: http://www.tutorials.de/tutorials24983.html
     

    Anhänge:

    • layer.zip
      Dateigröße:
      400 Bytes
      Aufrufe:
      634
Status des Themas:
Es sind keine weiteren Antworten möglich.