<HTML>
<HEAD>
<TITLE> Personalizar un formulario </TITLE>
<STYLE TYPE="text/css">
INPUT {position:absolute} SELECT {position:absolute} P {position:absolute; color:green}</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function Inic(){Mover=false
PermisoMov=false
}
function Permiso(){ if (PermisoMov) { Mover=!Mover
}
}
function MoverElemento(){ if (Mover&&PermisoMov){ Elemento=window.event.srcElement
Elemento.style.color="red"
Elemento.style.posTop=window.event.y-15
Elemento.style.posLeft=window.event.x-15
}
}
</SCRIPT>
</HEAD>
<BODY onload="Inic()">
<H3> Todos estos elementos se pueden mover </H3>
<H4> Selecciona uno cualquiera, pulsa el botón izquierdo
del ratón, mueve a la posición deseada y pulsa
de nuevo el botón del ratón </H4>
<FORM onmousemove="MoverElemento()">
<INPUT STYLE="top:170px" TYPE="button" VALUE="Boton 1" onclick="Permiso()">
<INPUT STYLE="top:210px" TYPE="button" VALUE="Boton 2" onclick="Permiso()">
<INPUT STYLE="top:250px" TYPE="button" VALUE="Boton 3" onclick="Permiso()">
<P onclick="Permiso()" STYLE="top:290px; left:10px"> Opción 1 </P>
<INPUT STYLE="top:290px; left:90px" TYPE="radio" NAME="Opciones" onclick="Permiso()">
<P onclick="Permiso()" STYLE="top:310px; left:10px"> Opción 2 </P>
<INPUT STYLE="top:310px; left:90px" TYPE="radio" NAME="Opciones" onclick="Permiso()">
<P onclick="Permiso()" STYLE="top:330px; left:10px"> Opción 3 </P>
<INPUT STYLE="top:330px; left:90px" TYPE="radio" NAME="Opciones" onclick="Permiso()">
<BR><BR><BR>
<INPUT STYLE="top:360px" TYPE="button" VALUE="habilitar/dehabilitar movimientos" onclick="PermisoMov=!PermisoMov">
<INPUT STYLE="top:400px" TYPE="submit" VALUE="Enviar">
</FORM>
</BODY>
</HTML>
Crear cuenta
Comentarios sobre la versión: Versión 1 (3)
Sabes como hacerlo para que no se separe del cursor