GeoMover - HTML-Quelltext

Quelltext von geomover1.html

index Anfang runter geomover2.html geomover3a.html geomover3.html geomover.js
Dies ist die Auflistung der Datei geomover1.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 geomover2.html geomover3a.html geomover3.html geomover.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 - Geomover - Demo</title>

<!-- GeoMover-Quelltext laden: -->
<script type="text/javascript" src="geomover.js"></script>

<script type="text/javascript">
<!--
function Init()
{
  GM1=new GeoMover(50,250,"section1",0,1,3,-3,50);
  GM1.Run();
}
//-->
</script>

</head>

<body onLoad="Init();">

<table border="0" cellpadding="5" cellspacing="2" align="center">
<tr><td style="background:#FFFFFF" colspan="3">
<h4 align=center>Demo zur Verwendung von "geomover.js"</h4>
<p align=center>
(c) 2002 <a href="../../tohome.html">Ulrich Kritzner</a>
<br>
die Verwendung von "geomover.js" in kommerziellen Seiten ist kostenpflichtig
<br>
<a href="index.html">zur&uuml;ck zum Index</a>
</p>
</td></tr>
</table>
<p align="center">
.<br>.<br>.<br>.<br>.<br>.<br>
<small>hier ein paar Zeilen, damit man ein bisschen scrollen kann</small><br>
.<br>.<br>.<br>.<br>.<br>.<br>
</p>
<form>
<table border="0" cellpadding="5" cellspacing="2" align="center" width="10%">
<tr><td align="center" style="background:#EFD0D0" width="2%">
<input type="button" value="oben links" onClick="GM1.SetPos(0,0,3,3,50)">
</td><td align="center" style="background:#D0EFD0" width="2%">
<input type="button" value="oben mitte" onClick="GM1.SetPos(0.5,0,0,3,50)">
</td><td align="center" style="background:#D0D0EF" width="2%">
<input type="button" value="oben rechts" onClick="GM1.SetPos(1,0,-20,3,50)">
</td></tr>
<tr><td align="center" style="background:#EFD0D0" width="2%">
<input type="button" value="mitte links" onClick="GM1.SetPos(0,0.5,3,0,50)">
</td><td align="center" style="background:#D0EFD0" width="2%">
<input type="button" value="mitte" onClick="GM1.SetPos(0.5,0.5,0,0,50)">
</td><td align="center" style="background:#D0D0EF" width="2%">
<input type="button" value="mitte rechts" onClick="GM1.SetPos(1,0.5,-20,0,50)">
</td></tr>
<tr><td align="center" style="background:#EFD0D0" width="2%">
<input type="button" value="unten links" onClick="GM1.SetPos(0,1,3,-3,50)">
</td><td align="center" style="background:#D0EFD0" width="2%">
<input type="button" value="unten mitte" onClick="GM1.SetPos(0.5,1,0,-3,50)">
</td><td align="center" style="background:#D0D0EF" width="2%">
<input type="button" value="unten rechts" onClick="GM1.SetPos(1,1,-20,-3,50)">
</td></tr>
</table>
</form>
<p align="center">
<br>.<br>.<br>.<br>
<small>hier ein paar Zeilen, damit man ein bisschen scrollen kann</small><br>
.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
</p>

<div name="section1" id="section1" style="position:absolute; left:10; top:150; vspace:0; hspace:0">
<span style="white-space:nowrap;">
<img src="left.gif">
<a href="index.html"><img src="idx.gif" border="0"></a>
<a href="http://www.droeppez.de"><img src="droepp.gif" border="0"></a>
<a href="../../tohome.html"><img src="info.gif" border="0"></a>
<img src="right.gif">
</span>
</div>

</body>
</html>
index Anfang hoch geomover2.html geomover3a.html geomover3.html geomover.js
Autor: Ulrich Kritzner