Jos: Navigation vorwiegend via DOM erstellen

Beitrag lesen

Hallo eddi.

dass Du beim Erstellen komplexer Wurzelverzeichnisse nebenbei noch in der Lage bist, komplexe Fragen von Herrn "xy" aus Irgendwo zu beantworten ist prima ...    :-)

Habe alle Deine Anregungen absorbiert und möchte Dir nicht meine "innerHTML" - Variante vorenthalten. Bin ich dicht dran an der ELEGANTEN Lösung .... , oder geht es noch schlanker ?

"Es funktioniert ..." macht mich nicht glücklich, es soll perfekt sein ! :-/  :-\  :-/

-----------------------------------------

Die Abfrage

if (i < ziel.length-1)
ebene.appendChild(document.createElement('br'));

habe ich deshalb eingefügt, damit nach dem jeweils letzten Link kein <br>-Tag mehr eingefügt wird.

Müsste es dort nicht eigentlich

link.appendChild(document.createElement('br'));

statt

ebene.appendChild(document.createElement('br'));

heissen ? Das <br>-Tag wird doch mit "appendChild" genau genommen hinter das letze <span>-Tag gehängt und nicht in den <div>-Bereich (ebene) eingefügt .... ?

Mfg aus Hamburg Jos

-----------------------------------------

<html>
<head>
<title></title>
<script type="text/javascript">
<!--
var ziel = new Array();

ziel[0] = "Zielseite1.html";
ziel[1] = "Zielseite2.html";
ziel[2] = "Zielseite3.html";

var text = new Array();

text[0] = "Ziel 1";
text[1] = "Ziel 2";
text[2] = "Ziel 3";

function test()
{
ebene = document.getElementById('ebene01');

for (i = 0; i < ziel.length; i++)
{
link = document.createElement('span');
link.innerHTML = "<a href='javascript:window.location.replace(""+ziel[i]+"")'>"+text[i]+"</a>";
ebene.appendChild(link);
if (i < ziel.length-1)
ebene.appendChild(document.createElement('br'));
}
}
//-->
</script>

</head>
<body bgcolor="#ffffff" onload="test()">
<div id="ebene01"></div>
</body>
</html>