<layer name="EckX" top=150 left=150 width=80 height= 50 bgColor=#FF8888>
<form name="Eingabe"> <input type=button value="Springe" onClick="SpringeX()"> </form> </layer> |
Definition des Layers mit Namen Eck und Inhalt |
<script language="JavaScript">
function SpringeX() { document.EckX.moveTo(300,200); } </script> |
mit diesem Befehl wird der Layer an eienr neuen Stelle positioniert |
<form name="Eingabe">
<input type=button value="Springe" onClick="SpringeX()"> </form> |
Formular als trigger |
document.Eck1.moveTo(350,100)
document.Eck2.moveTo(350,140) document.Eck3.moveTo(350,180); <layer name="Eck1" top=150 left=80 width=80 height=30 bgColor=#FF8888> <layer name="Eck2" top=150 left=170 width=80 height=30 bgColor=#88FF88> <layer name="Eck3" top=150 left=260 width=80 height=30 bgColor=#888FF> |
die Koordinaten für X = 1,2,3 |
<layer name="Eck" src="lay_feld.htm" top=120 left=600 width=80 height=50
bgColor=#FF88FF>
</layer> |
der violette Layer |
function Gehe()
{ document.Eck.moveBy(5,15); document.Eck.incr(); } |
bewegt sich Schritt für Schritt |
<html> <head> <title>lay_feld</title>
<script language="JavaScript"> function incr() {document.Eingabe.z.value++ } </script> </head> <body ...> Dies ist das Feld das sich bewegt. <br> <form name="Eingabe"> <input type=button value="Gehe" onClick="Gehe()"> <input type=text name="z" value=0 > </form> </body> </html> |
und das ist sein Inhalt |