DynaMenu - HTML-Quelltext

Quelltext von dynamenu3.html

index Anfang runter dynamenu1.html dynamenu2.html dynamenu.js
Dies ist die Auflistung der Datei dynamenu3.html, die ein Menü mit nützlichen Querverweisen darstellt.

Im folgenden Quelltext sind wichtige Bereiche rot und Kommentare grün markiert.
index Anfang hoch runter dynamenu1.html dynamenu2.html dynamenu.js 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="author" content="Ulrich Kritzner">
<meta name="robots" content="none">
<title>JavaScript - DynaMenu - Demo</title>
<style type="text/css">
a:link {color:#202060; text-decoration:none}
a:visited {color:#101050; text-decoration:none}
a:hover {color:#602020; text-decoration:underline}
a:active {color:#000000; text-decoration:underline}
</style>
<script type="text/javascript" src="dynamenu.js"></script>
<script type="text/javascript">
<!--
/* HauptMenue */
var mainmenu=new DynaMenu("my_menu");

/* Menue "Linux" */
linuxmenu=mainmenu.AddSubMenu("Linux",":menu",0,"onMouseOver=\"ShowExplain(1)\" onMouseOut=\"ShowExplain(0)\"");

/* Menue "Linux/System" */
systemmenu=linuxmenu.AddSubMenu("System",":menu",0,"onMouseOver=\"ShowExplain(2)\" onMouseOut=\"ShowExplain(0)\"");
systemmenu.AddEntry("linux.org","http://www.linux.org","_blank","onMouseOver=\"ShowExplain(3)\" onMouseOut=\"ShowExplain(0)\"");
systemmenu.AddEntry("kernel.org","http://www.kernel.org","_blank","onMouseOver=\"ShowExplain(4)\" onMouseOut=\"ShowExplain(0)\"");

/* Menue "Linux/Zubehoer" */
zubehoermenu=linuxmenu.AddSubMenu("Zubeh&ouml;r",":menu",0,"onMouseOver=\"ShowExplain(5)\" onMouseOut=\"ShowExplain(0)\"");
zubehoermenu.AddEntry("KDE - Desktop","http://www.kde.de","_blank","onMouseOver=\"ShowExplain(6)\" onMouseOut=\"ShowExplain(0)\"");
zubehoermenu.AddEntry("GNOME - Desktop","http://www.gnome.de","_blank","onMouseOver=\"ShowExplain(6)\" onMouseOut=\"ShowExplain(0)\"");
zubehoermenu.AddEntry("GNU - Verschiedenes","http://www.gnu.org","_blank","onMouseOver=\"ShowExplain(7)\" onMouseOut=\"ShowExplain(0)\"");

/* Menue "Linux/Distributoren" */
distributormenu=linuxmenu.AddSubMenu("Distributoren",":menu",0,"onMouseOver=\"ShowExplain(8)\" onMouseOut=\"ShowExplain(0)\"");
distributormenu.AddEntry("SuSE","http://www.suse.de","_blank","onMouseOver=\"ShowExplain(9)\" onMouseOut=\"ShowExplain(0)\"");
distributormenu.AddEntry("RedHat","http://www.redhat.de","_blank","onMouseOver=\"ShowExplain(10)\" onMouseOut=\"ShowExplain(0)\"");
distributormenu.AddEntry("Slackware","http://www.slackware.com","_blank","onMouseOver=\"ShowExplain(11)\" onMouseOut=\"ShowExplain(0)\"");

/* Menue "Linux/Europa" */
europamenu=linuxmenu.AddSubMenu("Europa",":menu",0,"onMouseOver=\"ShowExplain(12)\" onMouseOut=\"ShowExplain(0)\"");
europamenu.AddEntry("EuroLinux","http://www.eurolinux.org","_blank","onMouseOver=\"ShowExplain(13)\" onMouseOut=\"ShowExplain(0)\"");

/* Menue "Dokumentation" */
dokumenu=mainmenu.AddSubMenu("Dokumentation",":menu",0,"onMouseOver=\"ShowExplain(14)\" onMouseOut=\"ShowExplain(0)\"");

/* Menue "Dokumentation/Spezifikationen" */
spezimenu=dokumenu.AddSubMenu("Spezifikationen",":menu",0,"onMouseOver=\"ShowExplain(15)\" onMouseOut=\"ShowExplain(0)\"");
spezimenu.AddEntry("JavaScript","http://developer.netscape.com/docs/manuals","_blank","onMouseOver=\"ShowExplain(16)\" onMouseOut=\"ShowExplain(0)\"");
spezimenu.AddEntry("W3: HTML 4.0","http://www.w3.org/TR/REC-html40","_blank","onMouseOver=\"ShowExplain(17)\" onMouseOut=\"ShowExplain(0)\"");
spezimenu.AddEntry("PHP","http://www.php.net/docs.php","_blank","onMouseOver=\"ShowExplain(18)\" onMouseOut=\"ShowExplain(0)\"");
spezimenu.AddEntry("W3: CSS","http://www.w3.org/Style","_blank","onMouseOver=\"ShowExplain(19)\" onMouseOut=\"ShowExplain(0)\"");
spezimenu.AddEntry("ECMA: 262 (Script)","http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM","_blank","onMouseOver=\"ShowExplain(20)\" onMouseOut=\"ShowExplain(0)\"");

/* Menue "Dokumentation/DeutscheSeiten" */
deutschmenu=dokumenu.AddSubMenu("deutsche Seiten",":menu",0,"onMouseOver=\"ShowExplain(21)\" onMouseOut=\"ShowExplain(0)\"");
deutschmenu.AddEntry("www.selfhtml.de","http://www.selfhtml.de","_blank","onMouseOver=\"ShowExplain(22)\" onMouseOut=\"ShowExplain(0)\"");
deutschmenu.AddEntry("SELFHTML","http://de.selfhtml.org","_blank","onMouseOver=\"ShowExplain(23)\" onMouseOut=\"ShowExplain(0)\"");
deutschmenu.AddEntry("SELFPHP3","http://www.selfphp3.de","_blank","onMouseOver=\"ShowExplain(24)\" onMouseOut=\"ShowExplain(0)\"");
deutschmenu.AddEntry("SELFPHP4","http://www.selfphp4.de","_blank","onMouseOver=\"ShowExplain(25)\" onMouseOut=\"ShowExplain(0)\"");

/* Array der erklaerenden Texte */
var contents=new Array(
"Bewegen Sie die Maus &uuml;ber eine der Optionen, um mehr Information zu erhalten.",
"Verweise zum Thema Linux - dem unamerikanischsten und daher weltbesten aller Betriebssysteme",
"Verweise zum Thema Linux - Betriebssystem",
"offizielle Seiten rund um Linux",
"offizielle Seiten zum Linux-Kernel (inclusive Downloads)",
"Zubeh&ouml;r, welches unter Linux sehr n&uuml;tzlich ist",
"eine der beliebtesten grafischen Oberfl&auml;chen f&uuml;r Linux",
"viele sch&ouml;ne frei kopierbare Sachen",
"komplettes Linux mit allem drum und dran - kaufen oder legal schnorren",
"the LINUX experts - mit SuSE Linux ist die Installation ein Kinderspiel - umfangreich und professionell",
"umfangreich und professionell - trotzdem einfach in der Handhabung",
"spartanisch aber sehr sportlich",
"Europa - der Heimatkontinent von Linux",
"Linux f&uuml;r Europ&auml;er - kein Europ&auml;ischer Patriot kommt daran vorbei",
"lernen, lernen, nochmals lernen (Lenin), und zwar wie man richtig im Netz ver&ouml;ffentlicht",
"offizielle englischsprachige Dokumentationen",
"Client-seitige Scriptsprache zur Dynamisierung von HTML, die fast jeder Browser versteht",
"Beschreibungssprache f&uuml;r Netzdokumente",
"Server-seitige Scriptsprache zur Erzeugung von Netzdokumenten mit wechselnden Inhalten",
"macht HTML bunter und praktischer",
"daran soll sich eine in HTML integrierbare Scriptsprache halten",
"Dokumentationen, die ohne gr&ouml;&szlig;ere Englischkenntnisse verstanden werden k&ouml;nnen",
"alles, was nicht dokumentiert ist, kann man in den Foren von selfhtml.de erfragen",
"SELFHTML im Haus erspart den Webdesigner",
"im SELFHTML-Stil, nur f&uuml;r PHP3",
"im SELFHTML-Stil, nur f&uuml;r PHP4"
);

function PrintExplain(content_text)
/* Erklaerungen hinschreiben */
{
  var esection;
  if (window.document.all)
    esection=window.document.all.explain;
  else
    if (typeof(window.document.getElementById)=="function")
      esection=window.document.getElementById("explain");
    else
      esection=window.document.explain;
 if (esection.innerHTML)
   esection.innerHTML=content_text;
 else
 {
   esection.document.open();
   esection.document.write(content_text);
   esection.document.close();
 }
}

function ShowExplain(i)
/* Erklaerungen zeigen */
{
  if (contents.length>i)
  {
    PrintExplain(contents[i]);
  }
  else
    PrintExplain("Fehler: Erkl&auml;rung Nr. "+i+" existiert nicht");
}
//-->
</script>
</head>

<body onLoad="mainmenu.Paint()">

<h4 align=center>Demo zur Verwendung von "dynamenu.js"</h4>
<p align=center>
(c) 2002 <a href="../../tohome.html" style="text-decoration:underline">Ulrich Kritzner</a>
<br>
die Verwendung von "dynamenu.js" in kommerziellen Seiten ist kostenpflichtig
<br>
<a href="index.html" style="text-decoration:underline">Index</a>
</p>

<table cellpadding="10" cellspacing="2" border="0" align=center width="400">
<tr><td style="background:#F0F0F0">
<div name="my_menu" id="my_menu" align=left>
<b><tt style="color:#000000; background-color:#F0F0F0">
JavaScript angeschaltet?
</tt></b>
</div>
</td></tr>
<tr><td style="border:solid black 1px;">
<div name="explain" id="explain" align=left>
Bewegen Sie die Maus &uuml;ber eine der Optionen, um mehr Information zu erhalten.
</div>
</td></tr>
</table>

</body>
</html>
index Anfang hoch dynamenu1.html dynamenu2.html dynamenu.js
Autor: Ulrich Kritzner