DroepBar - HTML-Quelltext

Quelltext von test5.html

index Anfang runter droepbar.js test1.html test1hover.html
Dies ist die Auflistung der Datei test5.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 test1.html test1hover.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");
DArray=new Array("droep/d","droep/d","droep/d","droep/d","droep/d","droep/d","droep/d","droep/d","droep/d","droep/d","droep/d","droep/d","droep/d","droep/d");
//-->
</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">
<!--
MyBar1=new DroepBar("demo.test1",-3,"zahlen/minus","zahlen/plus",0,ZArray);
/* erzeugt einen neuen DroepBar
     zugehoeriges Textfeld: document.demo.test1
     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="test1" value="0" size="5" readonly></td></tr>
<tr><td style="background:#DDDDCC" align=center>
<script type="text/javascript">
<!--
MyBar2=MyBar1.CloneBar("demo.test2");
/* klont MyBar1
     zugehoeriges Textfeld: document.demo.test2 */
//-->
</script>
</td>
<td style="background:#DDDDCC"><input type=text name="test2" value="-2" size="5" readonly></td></tr>
<tr><td style="background:#CCDDFF" align=center>
<script type="text/javascript">
<!--
MyBar3=new DroepBar("demo.test3",1,"droep/minus","droep/plus",1,DArray);
/* erzeugt einen neuen DroepBar
     zugehoeriges Textfeld: document.demo.test3
     minimaler Wert: 1
     nach-links-Button: ./droep/minus.gif
     nach-rechts-Button: ./droep/plus.gif
     hover-Effekte: ja
     Zwischenbilder: die des Arrays DArray */
//-->
</script>
</td>
<td style="background:#CCDDFF"><input type=text name="test3" value="1" size="5" readonly></td></tr>
<tr><td style="background:#CCDDFF" align=center>
<script type="text/javascript">
<!--
MyBar4=MyBar3.CloneBar("demo.test4");
/* klont MyBar3
     zugehoeriges Textfeld: document.demo.test4 */
//-->
</script>
</td>
<td style="background:#CCDDFF"><input type=text name="test4" value="7" size="5" readonly></td></tr>
<tr><td style="background:#DDDDCC" align=center>
<script type="text/javascript">
<!--
MyBar5=MyBar1.CloneBar("demo.test5");
/* klont MyBar1
     zugehoeriges Textfeld: document.demo.test5 */
//-->
</script>
</td>
<td style="background:#DDDDCC"><input type=text name="test5" value="3" size="5" readonly></td></tr>
</table>

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