Franky: Leider wieder Problem mit Buchstaben-Index

SELF-Forum

Leider wieder Problem mit Buchstaben-Index

Franky
– Informationen zu den Bewertungsregeln

Hallo,

Leider muss ich mich nochmal bezüglich meines Buchstaben-Index bei Euch wenden.

Bevor ich auf meine zwei Probleme eingehe, zunächst der Code:
(Bitte entschuldigt die Länge meines Postings, aber es ließ sich nicht kürzer fassen)

=-=-=-=-=-
Hauptdatei
=-=-=-=-=-

<html>
  <head>
    <style type="text/css" media="screen">
      <!--
        .BuchstabenIndex
        {
          float:      left;
          padding:    7px;
          color:      #ffffff;
          border:     1px solid #ffffff;
          background: #666
        }

.BuchstabenIndexAbstand
        {
          width:   5px;
          float:   left
        }
      //-->
    </style>
  </head>
  <body>
    <script language="javascript" type="text/javascript" scr="JS.FotosAuswahlOrdner.js"></script>
  </body>
</html>

=-=-=-=-=-=-=-=-=-=-=-=-
JS.FotosAuswahlOrdner.js
=-=-=-=-=-=-=-=-=-=-=-=-

var BuchstabenIndex = "";
var MenueListe = new Array ("...", "...", ..., "...");

for (var i = 0; i < MenueListe.length; i++)
{
  var Anfangsbuchstabe = MenueListe[i].substring (0, 1);

// Erzeugung der assoziativen Arrays

document.write ('EinzelneListe["' + Anfangsbuchstabe + '"] = new Array();');
  document.write ('EinzelneListe["' + Anfangsbuchstabe + '"].push(MenueListe[' + i + ']);');

if (BuchstabenIndex.indexOf (Anfangsbuchstabe) == -1)
  {
    BuchstabenIndex += Anfangsbuchstabe;

// Buchstaben-Index aufbauen

with (document)
    {
      write ('<div class="BuchstabenIndex">');
      write (Anfangsbuchstabe);
      write ('<a href="zeigeEbeneNr('' + Anfangsbuchstabe + '')>');
      write ('</div>');
    }

if ((i + 1) < MenueListe.length)
      document.write ('<div class="BuchstabenIndexAbstand"></div>');
  }
}

// Dem Buchstaben-Index entsprechende Ebenen aufbauen

for (var i = 0; i < BuchstabenIndex; i++)
{
  if (i == 0)
    document.write ('<div id="' + BuchstabenIndex.substring (i, 1) + '" style="visibilty: visible">');
  else
    document.write ('<div id="' + BuchstabenIndex.substring (i, 1) + '" style="visibilty: hidden">');

var j = 0;

while ((MenueListe[j].substring (0, 1) == BuchstabenIndex.substring (i, 1)) && (j < MenueListe.length))
    document.write ('<a href="#">' + MenueListe[j] + '</a><br>');

document.write ('</div>');
}

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Funktionierendes Beispiel für Ebenenwechsel
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

http://dhtml.seite.net/beispiele/b_4.html

<!doctype html public "-//w3c//dtd html 3.2//de">
<html>
  <head>
    <script language="javascript">
      <!--
        if (document.layers)
          var ns = 1;
        else
          var ns = 0;

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)
        {
          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">
      #demo1 {position: absolute; visibility: visible; left: 150px; top: 80px;}
      #demo2 {position: absolute; visibility: hidden; left: 150px; top: 80px;}
      #demo3 {position: absolute; visibility: hidden; left: 150px; top: 80px;}
      #Steuerung {position: absolute; z-index: 40; visibility: visible; left: 20px; top: 20px;}
    </style>
  </head>
  <body>
    <div ID="demo1">
      ... Dies ist der Inhalt von Ebene 1 ...
    </div>
    <div ID="demo2">
      ... Dies ist der Inhalt von Ebene 2 ...
    </div>
    <div ID="demo3">
      ... Dies ist der Inhalt von Ebene 3 ...
    </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>

=-=-=-=-
Probleme
=-=-=-=-

  1. Die Erzeugung des Buchstaben-Index und der entsprechenden Div-Bereiche scheint nicht zu funktionieren, weil keine Ausgabe erfolgt (ich erhalte aber auch keine Fehlermeldung)

  2. Wie muss ich den funktionierenden Ebenenwechsel für meine assoziativen Ebenen abändern ?

Vielen, vielen Dank im voraus für Eure Bemühungen.
Gruss, Franky

Beitrag melden
–
Informationen zu den Bewertungsregeln