<html>
<head><title></title>
<style>
body {cursor:default;font-family:verdana;font-size:12px;}
.texto {font-family:verdana;font-size:12px;}
.borde {border:solid 1px #000000;} .btn {border:solid 1px #000000;font-family:verdana;font-size:14px;}
</style>
<script>
//------------------------------
/*
Cedido por Alejandro Ramírez Bastias
Profesional forestal, programador en VisualBasic, html, css, JavaScript, Xml
a_ramirezb@latinmail.com
Iquique, Chile
*/
//-------------------------------
function menus()
{
with (document)
{
oncontextmenu = new Function("return false");
onselectstart = new Function("return false");
}
}
function desactivar()
{
with(document.formul)
{
//--- Desactivar campos y boton enviar
apell.disabled = true;
direc.disabled = true;
emilio.disabled = true;
listo.disabled = true;
//--- Colocar foco en el primer campo
nom.focus();
}
}
function salto(obj)
{
with(document.formul)
{
//--- Declarar variables ----
var e_kc = event.keyCode;
switch(obj)
{
case "1":
if (e_kc == 13 && nom.value != "")
{
with(apell) {disabled=false;focus();}
}
break
case "2":
if (e_kc == 13 && apell.value != "")
{
with(direc) {disabled=false;focus();}
}
break
case "3":
if (e_kc == 13 && direc.value != "")
{
with(emilio) {disabled=false;focus();}
}
break
case "4":
if (e_kc == 13 && emilio.value != "")
{
with(listo) {disabled=false;focus();}
}
break
}
}
}
</script>
</head>
<body onload=desactivar();menus();>
<center>
<form name=formul>
<table border=0 cellspacing=0 cellpadding=0 class=texto>
<tr>
<td>Nombre :</td><td><input type=text size=7 name=nom class=borde onkeypress=salto('1');>(*)</td>
</tr>
<tr><td height=30 colspan=2></td></tr>
<tr>
<td>Apellido :</td><td><input type=text size=7 name=apell class=borde onkeypress=salto('2');>(*)</td>
</tr>
<tr><td height=30 colspan=2></td></tr>
<tr>
<td>Dirección :</td><td><input type=text size=7 name=direc class=borde onkeypress=salto('3');>(*)</td>
</tr>
<tr><td height=30 colspan=2></td></tr>
<tr>
<td>Email :</td><td><input type=text size=7 name=emilio class=borde onkeypress=salto('4');>(*)</td>
</tr>
<tr><td height=30 colspan=2></td></tr>
<tr>
<td><input type=button value=Enviar name=listo class=btn></td>
</tr>
</table>
(*) Todos los campos son obligatorios, llene el campo respectivo para poder continuar.
</form>
</center>
</body>
</html>