Multilink Menü - Website X5 Hilfe - Die Helpsite

Ein einfaches Textmenü zur Navigation.

Dies ist eine Multilink-Liste zur Navigation oder Info-Text-Anzeige. Beim Anklicken Liste ein- und ausschalten.
Leider funktioniert der Code in der Darstellung besser, wenn eine separate html-Seite erstellt wird und diese Seite als iframe, hier auf dem Server im Verzeichnis "template", eingebunden wird.

Code für das HTML-Objekt (bei iframe-Einbindung):

<iframe name="ifrm1" src="template/multilink-demo.html" frameborder="0" width="260" height="220" scrolling= "no"></iframe>

Code für das HTML-Objekt (oder separate HTML-Datei):

<script type="text/javascript"><!--
function move_box(an, box)
{
   var cleft = 0;
   var ctop = 0;
   var obj = an;
   while (obj.offsetParent)
   {
       cleft += obj.offsetLeft;
       ctop += obj.offsetTop;
       obj = obj.offsetParent;
   }
   box.style.left = cleft + 'px';
   ctop += an.offsetHeight + 8;
   if (document.body.currentStyle &&
       document.body.currentStyle['marginTop'])
   {
       ctop += parseInt(
           document.body.currentStyle['marginTop']);
   }
   box.style.top = ctop + 'px';
}
function show_hide_multilink(an, width, height, className, links)
{
   var href = an.href;
   var boxdiv = document.getElementById(href);
   if (boxdiv != null)
   {
       if (boxdiv.style.display=='none')
       {
           move_box(an, boxdiv);
           boxdiv.style.display='block';
       }
       else
           boxdiv.style.display='none';
       return false;
   }
   boxdiv = document.createElement('div');
   boxdiv.setAttribute('id', href);
   boxdiv.className = className;
   boxdiv.style.position = 'absolute';
   boxdiv.style.width = width + 'px';
   boxdiv.style.height = height + 'px';
   var linksarr = links.split(';');
   var liobj;
   var anchorobj;
   for (var i = 0; i < linksarr.length; i = i + 2)
   {
       liobj = document.createElement('li');
       liobj.className = className;
       anchorobj = document.createElement('a');
       anchorobj.classname=className;
       anchorobj.href = linksarr[i];
       anchorobj.target = '_top';
       anchorobj.appendChild(
           document.createTextNode(linksarr[i + 1]));
       liobj.appendChild(anchorobj);
       boxdiv.appendChild(liobj);
   }
   document.body.appendChild(boxdiv);
   move_box(an, boxdiv);
   return false;
}
//--></script>

<font size=3>
<a href="" onclick="return show_hide_multilink(this,200,90,'multilink',
'http://www.die_url.de;Linkseite 1;http://www.die_url.de;Linkseite 2;http://www.die_url.de;Linkseite 3;http://www.die_url.de;Linkseite 4')">
Link Liste
</a></font>