<html>
<head>
<title>Beispiel</title>
<script language="javascript">
var style = 'class="text_black11px"'
var indent = ' '
var content
var openlist;
// AddItem (style,parent,linktext,url,target)
// keine url -> #
// kein target -> _self
var hmid = 0
var hauptmenu=new Array();
var parent_0 = 0;
var parent_1;
var parent_2;
<!--- ****************************** Punkt 1 ******************************--->
parent_1 = AddItem('hauptmenu',parent_0,'Punkt 1','#');
parent_1_1 = AddItem('',parent_1,'Unterpunkt 1','/pfad/datei.html','framename');
parent_1_2 = AddItem('',parent_1,'Unterpunkt 2','#');
AddItem('',parent_1_2,'Unter-Unterpunkt 1','/pfad/datei3.html','framename');
AddItem('',parent_1_2,'Unter-Unterpunkt 1','/pfad/datei4.html','framename');
<!--- ****************************** Punkt 2 ******************************--->
parent_2 = AddItem('hauptmenu',parent_0,'Punkt 2');
parent_2_1 = AddItem('',parent_2,'Unterpunkt 2-1','/pfad/datei.html','framename');
parent_2_2 = AddItem('',parent_2,'Unterpunkt 2-2','/pfad/datei.html','framename');
function AddItem(style,parent,text,href,target) {
// class für menuanzeige übernehmen, neuer erster parameter 'style' !!
if (!href) href = '#'
if (!target) target = '_self'
hmid = hmid+1
hauptmenu[hauptmenu.length] = text+'|'+href+'|'+target+'|'+hmid+'|'+parent+'|'+style+'|'
return hmid
}
function getparent(id) {
for (i=0;i<=hauptmenu.length-1;i++) {
var element = hauptmenu[i].split('|')
if (element[3] == id) return element[4]
}
return -1
}
function SelectChilds (parent) {
var i;
var untermenu =new Array();
for (i=0;i<=hauptmenu.length-1;i++) {
var element = hauptmenu[i].split('|')
if (element[4] == parent) untermenu[untermenu.length] = element
}
return untermenu;
}
function isopen (id) {
var i;
var open=false
for (i=0;i<=openlist.length-1;i++) {if (openlist[i]==id) open= true}
return open
}
function zeigebaum(menu,level) {
var i;
var levelindent=''
for (i=0;i<level;i++) levelindent += indent;
for (i=0;i<=menu.length-1;i++) {
var element = menu[i]
var id = element[3];
var parent = element[4];
var nextid=parent
var status = isopen(id)
if (!status) {nextid=id}
// class für menuanzeige übernehmen, begin
if (element[5] != '') {content+='<span class="'+element[5]+'">'}
content+=levelindent+'<a href="'+element[1]+'" target="'+element[2]+'" onclick="javascript:zeigewurzel('+nextid+')">'+element[0]+'</a><br>\n'
if (element[5] != '') {content+='</span>'}
// class für menuanzeige übernehmen, end
if (status) {zeigebaum(SelectChilds(id),level+1)}
}
}
function zeigewurzel (open) {
content = ''
var openid = open;
openlist=new Array();
do {
openlist[openlist.length]=openid;
openid = getparent(openid);
} while (openid >=0)
zeigebaum(SelectChilds(0),0)
content = '<span '+style+'>'+content+'</span>'
if (document.all) {
menu.innerHTML=content
}
if (document.layers) {
document.menu.document.write(content)
document.menu.document.close()
}
}
</script>
</HEAD>
<body onload="zeigewurzel(0)">
<table width="149" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><div id="menu"> </div></td>
</tr>
</table>
</body>
</html>