<html><head><title>1. Move div without limits</title> <script> function moveL() {document.all.table1.style.posLeft -=5} function moveR() {document.all.table1.style.posLeft +=5} function moveD() {document.all.table1.style.posTop +=5} function moveUP() {document.all.table1.style.posTop -=5} </script> <style> #table1 {position:absolute; top:200; left:180;} </style> </head> <body bgcolor=#cccccc text=#000099> <div id=text> <table cs=0 cp=0 border=0 width=100% height=100%> <tr><td width=50> <form> <input type="button" borderimage="file://rom/borders/buttonborder4 .bif" text=white value=" Left " onClick=moveL()> </form> <form> <input type="button" borderimage="file://rom/borders/buttonborder4 .bif" text=white value="Right" onClick=moveR()> </form> <form> <input type="button" borderimage="file://rom/borders/buttonborder4 .bif" text=white value=" Up " onClick=moveUP()> </form> <form> <input type="button" borderimage="file://rom/borders/buttonborder4 .bif" text=white value="Down" onClick=moveD()> </form></td></tr></table></div> <div id="table1"> <table cs=0 cp=0 border=0 bc=red transparency=60> <tr><td width=100 height=100 align=center></td></tr></table></div> </body></html>
Back to
1. Move div without limits