Un control distante para mover una ventana

Esta es una astucia que no es necesariamente muy útil, pero que muestra cómo utilizar la función JavaScript moveBy(). Consiste simplemente en añadir un formulario a su página y asociar cada uno de sus botones a un movimiento de la ventana del navegador. ¡Tal vez pueda hacer un juego con esto!

Primero, copie este script en el encabezamiento de su página, entre las etiquetas <HEAD> y </HEAD>:

<SCRIPT LANGUAGE="JavaScript">
<!--
function moveWindowLeft() {
window.moveBy(-15, 0);
window.moveBy(0, 0);
}
function moveWindowRight() {
window.moveBy(15, 0);
window.moveBy(0, 0);
}
function moveWindowUp() {
window.moveBy(0, 0);
window.moveBy(0, -15);
}
function moveWindowDown() {
window.moveBy(0, 0);
window.moveBy(0, 15);
}
// -->
</script>

Aquí, decidimos mover nuestra ventana 15 píxeles cada vez que se haga clic. Siempre puede elegir un valor superior o inferior.

Después, defina el formulario de control en el cuerpo de su página, entre las etiquetas <BODY> de </BODY>:

<form>
<input type=button value="Top" onClick="moveWindowUp();">
<input type=button value="Left" onClick="moveWindowLeft();">
<input type=button value="Right" onClick="moveWindowRight();">
<input type=button value="Bottom" onClick="moveWindowDown();">
</form>

Utilice su presentación favorita para los diferentes botones. Siempre puede crear una tabla para visualizar estos botones en una cruz.