[Moving Objects]

Objekte bewegen sich über den Bildschirm.

Das eigentliche JavaScript befindet sich in der Datei "moveobj.js". Diese Datei muss sich zusammen mit den Bildern im selben Verzeichnis wie die HTML-Datei befinden.

[zwischen <HEAD> und </HEAD>]

<script
 language="JavaScript"
 SRC="moveobj.js">
</SCRIPT>

<script>
var chipID;
function pagestart()
{checkbrOK();
 chipID=new Chip("chipID",60,80);
 if(brOK)
   { movechip("chipID");}
}
</script> Die rot gekennzeichneten Abschnitt können geändert werden, und zwar wie folgt:

Anstelle von chipID können Sie eine eigenen Object-Namen wählen. Stellen Sie aber sicher, dass diese Bezeichnung überall im Script geändert wird.

Die Zahlenwerte (im Beispiel 60, bzw. 80) müssen der Grösse der von Ihnen verwendeten Grafik entsprechen.

[zwischen  <BODY> und </BODY>]

<!----Moving object begining---->
<DIV ID="chipID" STYLE="position:absolute; width:60; height:80;">
<A HREF="some.html"><IMG SRC="yourimage.gif" BORDER=0></a>
</DIV>
<!----Moving object end----> Auch hier können (müssen) Sie die rot gekennzeichneten Abschnitte ändern:
chipID, Grafikgrösse; wie oben beschrieben
some.html; Hier können Sie eine eigene Adresse wählen, die beim Klicken auf die Grafik aufgerufen werden soll.
yourimage.gif; Der Name der verwendeten Grafikdatei

[in den <BODY>-Tag]

 onLoad='pagestart();'
 onUnload='if(brOK){stopme("chipID");}'

[Hinweise und Tips]
Sie können dieses Script auch verwenden, um mehrere Objekte simultan zu bewegen. Dazu müssen Sie verschiedene Scriptabschnitte modifizieren.
Jedes zusätzliche Objekt benötigt seine eigene ChipID, die onload-, bzw onunload- Handlers müssen ebenfalls angepasst werden.

Beispiel:

<HEAD>

....

<script  language="JavaScript"  SRC="moveobj.js">
</SCRIPT>

<script>
var chip1;
var chip2;
var chip3;

function pagestart()
{checkbrOK();
 chip1=new Chip("chip1",60,80);
 chip2=new Chip("chip2",60,80);
 chip3=new Chip("chip3",60,80);
 if(brOK)
   { movechip("chip1");
     movechip("chip2");
     movechip("chip3");
   }
}
</script>

...

</HEAD>

<BODY .... ..... ..... onLoad="pagestart();" onUnload="if(brOK) {stopme('chip1'); stopme('chip2'); stopme('chip3');}">

...

<DIV ID="chip1" STYLE="position:absolute; width:60; height:80;">
<A HREF="http://www.nightfire.ch"><IMG SRC="rank.gif" BORDER=0 ></A></DIV>

<script>
  checkbrOK();
  var chip1=new Chip("chip1",60,80);
</SCRIPT>
<!-- Moving object end --><!-- Moving object begining -->
<DIV ID="chip2" STYLE="position:absolute; width:60; height:80;"><A HREF="http://www.nightfire.ch"><IMG SRC="rank.gif" BORDER=0 ></A></DIV>

<script>
  checkbrOK();
  var chip2=new Chip("chip2",60,80);
</SCRIPT>
<!-- Moving object end --><!-- Moving object begining -->
<DIV ID="chip3" STYLE="position:absolute; width:60; height:80;"><A HREF="http://www.nightfire.ch"><IMG SRC="rank.gif" BORDER=0 ></A></DIV>

<script>
  checkbrOK();
  var chip3=new Chip("chip3",60,80);
</SCRIPT>
<!-- Moving object end -->

...

</BODY>

[Autor]

Original:Virtual Max
DOM Kompatibilität by nightfire

[Download]

Copyright © 1998- Nightfire Webworker Archiv Script No: 0296