Henrik: Layer verbergen bzw sichtbarmachen mit dem IE

Nabend mal wieder :-)

Mein Ziel ist :

Durch ein klick soll ein Layer angezeigt bzw wieder verborgen werden.

So seit Gestern habe ich mir erstmal das dhtml Kapitel durchgelesen. Trotzdem komme ich jetzt nicht mehr weiter. Zunächst einmal habe ich die Layer als DIV definiert. Dann habe ich
mit einer javascript funktion versucht mein Zile zu realisieren.
Trotzdem bleibt das gleiche Problem wie Gestern : Der Netscape Nav. macht das was ich will,
der IE aber weigert sich :-(

Hier die Funktion, und unten die initialisierung des Layers. Ich hoffe ihr könnt mich wieder ein bisschen weiterbringen :-)

<script language="JavaScript">
    function EinAus(Nummer)
    {
      if(document.layers)
      {
        if(window.document.layers[Nummer].visibility == "show")
        {
          window.document.layers[Nummer].visibility = "hide";
          return;
        }
        if(window.document.layers[Nummer].visibility == "hide")
        {
          window.document.layers[Nummer].visibility = "show";
          return;
        }
      }
      else if(document.all)
      {
        if (document.all[Nummer].style.visibility == "visible")
        {
          document.all[Nummer].style.visibility = "hidden";
        }
        if (document.all[Nummer].style.visibility == "hidden")
        {
          document.all[Nummer].style.visibility = "visible";
        }
      }
    }
  </script>

//die initialisierung des layers :
<div id="Layer2" style="position:absolute; left:178px; top:185px; width:170px; height:243px; z-index:2; visibility:hidden">        </div>

Danke schonmal

Henrik  :

  1. Nabend mal wieder :-)

    Mein Ziel ist :

    Durch ein klick soll ein Layer angezeigt bzw wieder verborgen werden.

    »»

    hi,

    versuchs mal so:
    ----------------------------------------------------
    <html><head>
    <script language=JavaScript>
    <!--
    if (document.layers)  {
         ns = 1; ie = 0;
    } else {
         ns = 0; ie = 1;
         }
      
    var i = 1;
    var schicht = "layer";
    function zeigeEbeneNr(ebene_nr){
        verbergen(eval('"' + schicht + i +'"'));
        zeigen(eval('"' + schicht + ebene_nr +'"'));
        i = ebene_nr;
        }

    function zeigen(name) {
    if (ns) {
        document.layers[''+name].visibility = "show";  
        }
        else {
        document.all[''+name].style.visibility = "visible";
        }
    }

    function verbergen(name) {
    if (ns){
        document.layers[''+name].visibility = "hide";
        }
        else {
        document.all[''+name].style.visibility = "hidden";
        }
    }
    //-->
    </script>

    <style TYPE="text/css">
    #layer1 {position: absolute; visibility: visible; left: ..px; width: ..px; height: ..px;  top: ..px; background-color:#0000FF;layer-background-color:#0000FF;};
    #layer2 {position: absolute; visibility: hidden; left: ..px; width: ..px; height: ..px; top: ..px; background-color:#006600;layer-background-color:#006600;};
    #menu {position: absolute; z-index: 50; visibility: visible; left: 550px; top: 80px; width: 120px; height: 270px; background-color: rgb(100,0,0);layer-background-color: rgb(100,0,0);};
    </style>
    </head>

    <body BGCOLOR="#000000" TEXT="#FFFFFF" link="#B0B0FF" vlink="#FFFFFF" alink="#FFFFFF">

    <div ID="layer1">dein erster Layer-Inhalt</div>
    <div ID="layer2">dein zweiter Layer-Inhalt</div>

    <div ID="menu"><center>
    <p>Navigation
    <a HREF="javascript:zeigeEbeneNr(1)"><p>Ebene 1</a></p>
    <a HREF="javascript:zeigeEbeneNr(2)"><p>Ebene 2</a></p></a></center>
    </div>

    </body>
    </html>
    ---------------------------

    funktioniert bei mir anstandslos in beiden Browsern.

    Christoph S.

    1. auweia, jetzt habe ich bei <script language="JavaScript"> eben die Tütelchen vergessen.
      Also bitte mit " und " schreiben <g>

      1. auweia, jetzt habe ich bei <script language="JavaScript"> eben die Tütelchen vergessen.
        Also bitte mit " und " schreiben <g>

        hat aber mit IE funktioniert. Nur mit Netscape nicht (grmpf) mal sehen ob es mit den hochkommas klappt...

        1. auweia, jetzt habe ich bei <script language="JavaScript"> eben die Tütelchen vergessen.
          Also bitte mit " und " schreiben <g>

          hat aber mit IE funktioniert. Nur mit Netscape nicht (grmpf) mal sehen ob es mit den hochkommas klappt...

          Nööö, im NS funzt das nicht. Dieser Sch*** Browser Krieg geht mir ziemlich auf die Nüsse !

          1. Nööö, im NS funzt das nicht. Dieser Sch*** Browser Krieg geht mir ziemlich auf die Nüsse !

            Das ist mir zu hoch, ich habs eben nochmal überprüft, und klappt prima. Was haste denn für ne Version ?

            1. Nööö, im NS funzt das nicht. Dieser Sch*** Browser Krieg geht mir ziemlich auf die Nüsse !

              Das ist mir zu hoch, ich habs eben nochmal überprüft, und klappt prima. Was haste denn für ne Version ?

              NS : 4.5
              IE : 5.0

              1. Nööö, im NS funzt das nicht. Dieser Sch*** Browser Krieg geht mir ziemlich auf die Nüsse !

                Das ist mir zu hoch, ich habs eben nochmal überprüft, und klappt prima. Was haste denn für ne Version ?

                NS : 4.5
                IE : 5.0