SELFHTML/Quickbar  JavaScript  Objektreferenz

Erläuterung:

Im Beispiel werden zwei positionierte Layer definiert, die sich zum Teil überlappen. Beide enthalten jeweils einen Verweis, um den eigenen Layer von dem jeweils anderen überdecken zu lassen.

 

JavaScript 1.2Netscape4.0 moveBy()

Verschiebt einen Layer um so viele Pixel wie angegeben. Erwartet folgende Parameter:
1. x-Wert = um wie viele Pixel der Layer nach links/rechts verschoben werden soll. Negative Werte verschieben nach links, positive nach rechts.
2. y-Wert = um wie viele Pixel der Layer nach oben/unten verschoben werden soll. Negative Werte verschieben nach oben, positive nach unten.

Beispiel:

<html><head><title>Test</title>
<script language="JavaScript">
  function Springen()
  {
   x = eval(document.Springer.document.Eingabe.hr.value);
   y = eval(document.Springer.document.Eingabe.vr.value);
   document.Springer.moveBy(x,y);
  }
</script>
</head><body>
<layer name="Springer" top=150 left=100 width=200 height=200 bgColor=#FFFFE0>
<form name="Eingabe">
Springe um <input size=5 name="hr"> Pixel horizontal<br>
Springe um <input size=5 name="vr"> Pixel vertikal<br>
<input type=button value="Springe" onClick="Springen()">
</form>
</body></html>

Erläuterung:

Im Beispiel wird ein Layer definiert, der ein Formular enthält. Das Formular stellt zwei kleine Eingabefelder bereit, in denen der Anwender eingeben kann, um wie viele Pixel der Layer horizontal und vertikal verschoben werden soll. Beim Anklicken des Buttons, der auch zu dem Formular gehört, wird die Funktion Springen() aufgerufen, die im Dateikopf notiert ist. Diese Funktion ermittelt zunächst die eingegebenen Werte. Da es sich um Zeichenketten handelt, die Methode moveBy() aber Zahlen erwartet, wird die Funktion  eval() zum Umwandeln der Formulareingaben in eine Zahl angewendet. Anschließend wendet die Funktion die Methode moveBy() mit den ermittelten Werten auf den Layer an.

 

JavaScript 1.2Netscape4.0 moveTo()

Verschiebt einen Layer auf die anzugebende Position. Erwartet folgende Parameter:
1. x-Wert = Links-Wert für die neue obere linke Ecke des Fensters.
2. y-Wert = Oben-Wert für die neue obere linke Ecke des Fensters.

Beispiel:

<html><head><title>Test</title>
<script language="JavaScript">
  function Springen()
  {
   x = eval(document.Springer.document.Eingabe.hr.value);
   y = eval(document.Springer.document.Eingabe.vr.value);
   document.Springer.moveTo(x,y);
  }
</script>
</head><body>
<layer name="Springer" top=150 left=100 width=200 height=200 bgColor=#FFFFE0>
<form name="Eingabe">
links oben neu: <input size=5 name="hr"> (von links)<br>
links oben neu: <input size=5 name="vr"> (von oben)<br>
<input type=button value="Springe" onClick="Springen()">
</form>
</body></html>

Erläuterung:

Im Beispiel wird ein Layer definiert, der ein Formular enthält. Das Formular stellt zwei kleine Eingabefelder bereit, in denen der Anwender die x- und y-Werte der neuen gewünschten oberen linken Ecke des Layers eingeben kann. Beim Anklicken des Buttons, der auch zu dem Formular gehört, wird die Funktion Springen() aufgerufen, die im Dateikopf notiert ist. Diese Funktion ermittelt zunächst die eingegebenen Werte. Da es sich um Zeichenketten handelt, die Methode moveBy() aber Zahlen erwartet, wird die Funktion  eval() zum Umwandeln der Formulareingaben in eine Zahl angewendet. Anschließend wendet die Funktion die Methode moveTo() mit den ermittelten Werten auf den Layer an.

Beachten Sie:

Wenn sich der Layer, auf den Sie die moveTo()-Methode anwenden, innerhalb eines anderen Layers befindet, beziehen sich die Angaben relativ zu dem äußeren Layer. Eine Angabe wie moveTo(0,0) springt also zur linken oberen Ecke des äußeren Layers.

 

JavaScript 1.2Netscape4.0 moveToAbsolute()

Funktioniert genauso wie   moveTo(), mit dem Unterschied, daß die x- und y-Werte absolut zum Anzeigefenster interpretiert werden, falls sich der Layer innerhalb eines anderen Layers befindet.

 

JavaScript 1.2Netscape4.0 releaseEvents()

Beendet die Überwachung von Anwenderereignissen. Funktioniert genau so wie