DroepBar - HTML-Quelltext

Quelltext von test1.html

index Anfang runter droepbar.js test1hover.html test5.html
Dies ist die Auflistung der Datei test1.html, die eine sich an der Fenstergeometrie ausrichtende Navigationsleiste anzeigt.

Im folgenden Quelltext sind wichtige Bereiche rot und Kommentare grün markiert.
index Anfang hoch runter droepbar.js test1hover.html test5.html 
<!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 - Droepbar - Demo</title>

<script type="text/javascript" src="droepbar.js"></script>
<script type="text/javascript">
<!--
ZArray=new Array("zahlen/m3","zahlen/m2","zahlen/m1","zahlen/0","zahlen/p1","zahlen/p2","zahlen/p3");
//-->
</script>

</head>
<body onLoad="SetAllBars();">
<!-- onLoad="SetAllBars();" ist einfach Pflicht! -->

<table border="0" cellpadding="5" cellspacing="2" align="center">
<tr><td style="background:#FFFFFF" colspan="3">
<h4 align=center>Demo zur Verwendung von "droepbar.js"</h4>
<p align=center>
(c) 2003 <a href="../../tohome.html">Ulrich Kritzner</a>
<br>
die Verwendung von "droepbar.js" zu kommerziellen Zwecken ist kostenpflichtig
<br>
<a href="index.html">zur&uuml;ck zum Index</a>
</p>
</td></tr>
</table>

<br>
<br>
<br>

<form name="demo">  <!-- HTML-Formular definieren -->

<table cellpadding="10" cellspacing="2" border="0" align="center">
  <tr>
    <td style="background:#DDDDCC" align=center width="300">
      <script type="text/javascript">
        <!--
          MyBar=new DroepBar("demo.test",-3,"zahlen/minus","zahlen/plus",0,ZArray);
	  /* erzeugt einen neuen DroepBar
	       zugehoeriges Textfeld: document.demo.test
	       minimaler Wert: -3
	       nach-links-Button: ./zahlen/minus.gif
	       nach-rechts-Button: ./zahlen/plus.gif
	       hover-Effekte: nein
	       Zwischenbilder: die des Arrays ZArray */
        //-->
      </script>
    </td>
    <td style="background:#DDDDCC">
      <input type=text name="test" value="0" size="5" readonly>
    </td>
  </tr>
</table>

</form> <!-- HTML-Formular beenden -->
</body>
</html>
index Anfang hoch droepbar.js test1hover.html test5.html
Autor: Ulrich Kritzner