DynaMenu - HTML-Quelltext
Quelltext von dynamenu2.html
dynamenu1.html
dynamenu3.html
dynamenu.js
Im folgenden Quelltext sind wichtige Bereiche rot und Kommentare grün markiert.
dynamenu1.html
dynamenu3.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">
<!--
/* voreingestellte Menueeigenschaften aendern */
ddm_before="<img src=\"linie.gif\" alt=\"\" border=\"0\">";
ddm_open="<img src=\"minus.gif\" alt=\"\" border=\"0\">";
ddm_closed="<img src=\"plus.gif\" alt=\"\" border=\"0\">";
ddm_point="<img src=\"punkt.gif\" alt=\"\" border=\"0\">";
ddm_only_one=1;
/* HauptMenue */
tutorial=new DynaMenu("my_menu");
tutorial.AddEntry("Nutzungsbedingungen","../../nutzung.html");
tutorial.AddEntry("Satyr auf den Dokumentvergewaltiger","../../satyr.html");
tutorial.AddEntry("Vorwort","../../vorwort.html");
tutorial.AddEntry("Querverweise, Empfehlungen und Quellenangaben","../../querverweise.html");
tutorial.AddEntry("Volltextsuche","../../search.php");
tutorial.AddEntry("0. Allgemeines","../../seite0.html");
kapitel1=tutorial.AddSubMenu("1. Einbindung in HTML","../../seite1.html");
kapitel2=tutorial.AddSubMenu("2. Notationsregeln","../../seite2.html");
kapitel3=tutorial.AddSubMenu("3. Umgang mit Variablen","../../seite3.html");
kapitel4=tutorial.AddSubMenu("4. Bedingte Ausführung","../../seite4.html");
kapitel5=tutorial.AddSubMenu("5. Schleifen","../../seite5.html");
kapitel6=tutorial.AddSubMenu("6. Funktionen","../../seite6.html");
kapitel7=tutorial.AddSubMenu("7. Objekte","../../seite7.html");
anhang=tutorial.AddSubMenu("Anhang");
/* Menue "Kapitel1" */
kapitel1_1=kapitel1.AddSubMenu("1. Definition von Skriptbereichen","../../seite1.html#v1",0);
kapitel1_1.AddEntry("1. direkt (im HTML-Dokument)","../../seite1.html#v1u1");
kapitel1_1.AddEntry("2. separat (in eigener Datei)","../../seite1.html#v1u2");
kapitel1.AddEntry("2. Ereignisauswertung","../../seite1.html#v2");
/* Menue "Kapitel2" */
kapitel2.AddEntry("1. Befehle","../../seite2.html#v1");
kapitel2.AddEntry("2. Blöcke","../../seite2.html#v2");
kapitel2.AddEntry("3. Kommentare","../../seite2.html#v3");
kapitel2.AddEntry("4. Namen","../../seite2.html#v4");
/* Menue "Kapitel3" */
kapitel3.AddEntry("1. Deklaration","../../seite3.html#v1");
kapitel3.AddEntry("2. Manipulation","../../seite3.html#v2");
kapitel3_3=kapitel3.AddSubMenu("3. Steuerzeichen und besondere Notation","../../seite3.html#v3",0);
kapitel3_3.AddEntry("1. in numerischen Werten","../../seite3.html#v3u1");
kapitel3_3.AddEntry("2. in Zeichenketten","../../seite3.html#v3u2");
kapitel3_4=kapitel3.AddSubMenu("4. Operatoren","../../seite3.html#v4",0);
kapitel3_4.AddEntry("1. Zuweisung","../../seite3.html#v4u1");
kapitel3_4.AddEntry("2. Vergleich","../../seite3.html#v4u2");
kapitel3_4.AddEntry("3. mathematische","../../seite3.html#v4u3");
kapitel3_4.AddEntry("4. boolesche","../../seite3.html#v4u4");
kapitel3_4.AddEntry("5. bitweise","../../seite3.html#v4u5");
kapitel3_4.AddEntry("6. Zeichenketten","../../seite3.html#v4u6");
kapitel3_4.AddEntry("7. spezielle Operatoren","../../seite3.html#v4u7");
kapitel3_4.AddEntry("8. Rangfolge, Klammern","../../seite3.html#v4u8");
/* Menue "Kapitel4" */
kapitel4.AddEntry("1. if-else","../../seite4.html#v1");
kapitel4.AddEntry("2. switch-case-default","../../seite4.html#v2");
kapitel4.AddEntry("3. Vereinfachung","../../seite4.html#v3");
/* Menue "Kapitel5" */
kapitel5.AddEntry("1. while","../../seite5.html#v1");
kapitel5.AddEntry("2. do-while","../../seite5.html#v2");
kapitel5.AddEntry("3. for","../../seite5.html#v3");
kapitel5.AddEntry("4. Abbruch: break","../../seite5.html#v4");
kapitel5.AddEntry("5. Abbruch: continue","../../seite5.html#v5");
/* Menue "Kapitel6" */
kapitel6.AddEntry("1. Definition","../../seite6.html#v1");
kapitel6.AddEntry("2. Aufruf","../../seite6.html#v2");
kapitel6.AddEntry("3. vordefinierte Funktionen","../../seite6.html#v3");
/* Menue "Kapitel7" */
kapitel7.AddEntry("1. Definition","../../seite7.html#v1");
kapitel7.AddEntry("2. Attribute","../../seite7.html#v2");
kapitel7.AddEntry("3. Funktionen","../../seite7.html#v3");
kapitel7.AddEntry("4. Vereinfachung (width)","../../seite7.html#v4");
kapitel7.AddEntry("5. Objekte in Objekten","../../seite7.html#v5");
kapitel7.AddEntry("6. Felder (Arrays, Vektoren)","../../seite7.html#v6");
kapitel7.AddEntry("7. for-in-Schleife","../../seite7.html#v7");
kapitel7.AddEntry("8. vordefinierte Objekte","../../seite7.html#v8");
kapitel7.AddEntry("9. Anfrage nach der Existenz","../../seite7.html#v9");
kapitel7.AddEntry("10. Unterschied zu normalen Variablen","../../seite7.html#v10");
/* Menue "Anhang" */
anhang.AddEntry("Anleitung","../../tutorial/index.html");
anhang.AddEntry("A - Objektreferenz","../../anhangA/index.html");
anhang.AddEntry("Aplus - W3C-DOM3-Objekte","../../anhangAplus/index.html");
anhang.AddEntry("B - Analysewerkzeug","../../anhangB/index.html");
anhang.AddEntry("C - Beispiele","../../anhangC/index.html");
anhang.AddEntry("D - Kunstfertigkeiten","../index.html");
anhang.AddEntry("E - Kompatibilität","../../anhangE/index.html");
//-->
</script>
</head>
<body onLoad="tutorial.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="0" border="0" align=center width="500">
<tr><td style="background:#CCCCEE; font-size:14px; font-family:helvetica,sans-serif;">
<div name="my_menu" id="my_menu" align=left>
<b><tt style="color:#000000; background:#CCCCEE; font-size:14px;">
JavaScript angeschaltet?
</tt></b>
</div>
</td></tr>
</table>
</body>
</html>
dynamenu1.html
dynamenu3.html
dynamenu.js