nicht angemeldet
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
=-=-=-=-
-
Die Erzeugung des Buchstaben-Index und der entsprechenden Div-Bereiche scheint nicht zu funktionieren, weil keine Ausgabe erfolgt (ich erhalte aber auch keine Fehlermeldung)
-
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