Programación Web y Scripting > JavaScript
Mensaje De Alerta
nostromo:
Hola;
Compa se me olvido un detalle enorme, disculpa.
Los campos siguientes se activan cuando aprietas la Tecla Enter, como apellidos se encuentra con la propiedad disabled a True, la validación del campo y posicionarse en el siguiente, se produce cuando aprietas Enter o Intro en el teclado, no sirve solamente escribir, ni el tab, ni nada.
Nos vemos.
lulial:
Hola de nuevo
He probado tu código y funciona perfectamente, pero a la hora de adaptarlo al mio, no se que pasa que no me manda el foco a la primera caja de texto.
Este es el código no se que puede ser.
<html>
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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.RegistrarUsu) {
//--- Desactivar campos y boton enviar
Nombre.disabled = true;
Contrasena.disabled = true;
Direccion.disabled = true;
Telefono.disabled = true;
NIF.disabled = true;
listo.disabled=true;
Nombre.focus();
}
}
function salto(obj){
with(document.RegistrarUsu) {
//--- Declarar variables ----
var e_kc = event.keyCode;
switch(obj) {
case "1":
if (e_kc == 13 && Nombre.value != "")
{
with(Contrasena) {disabled=false;focus();}
}
break
case "2":
if (e_kc == 13 && Contrasena.value != "")
{
with(Direccion) {disabled=false;focus();}
}
break
case "3":
if (e_kc == 13 && Direccion.value != "")
{
with(Telefono) {disabled=false;focus();}
}
break
case "4":
if (e_kc == 13 && Telefono.value != "")
{
with(NIF) {disabled=false;focus();}
}
break
case "5":
if (e_kc == 13 && NIF.value != "")
{
with(listo) {disabled=false;focus();}
}
break
}
}
}
</script>
</head>
<body bgcolor="#99CCFF" onload=desactivar(); menus();>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#00CCFF">
<tr bgcolor="#6699CC">
<td height="129" colspan="3" valign="top">
<div align="left">
<blockquote> <img src="../../images/cubo2.jpg" name="cube" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">
<font size="7" face="Georgia, Times New Roman, Times, serif"> PUNTO
LIMPIO </font> </blockquote>
</div>
<div align="right"> <strong>
<script language="Javascript">
var dias_semana = new Array ('Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado');
var nombres_mes = new Array ('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto', 'Septiembre','Octubre','Noviembre','Diciembre');
var fecha = new Date ();
var dia = fecha.getDay ();
dia = dias_semana[dia];
var dia_mes = fecha.getDate();
var mes = fecha.getMonth ();
mes = nombres_mes[mes];
var anio = fecha.getYear();
anio = anio;
document.write (dia + ' ' + dia_mes + ' de ' + mes + ' de ' + anio);
</script>
</strong></div>
</tr>
<tr>
<td width="180" height="495" valign="top" bgcolor="#0099FF"> <p> </p>
<blockquote>
<p> </p>
</blockquote>
<br> <br> <br> <br><br><br><br><br>
<p><strong>
</td>
<td width="100%" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="494" valign="top" bgcolor="#99CCFF"><br>
<div align="left"> <br>
<p align="center"><font size="4" face="Verdana, Arial, Helvetica, sans-serif"><strong>DATOS
PERSONALES</strong></font> <br><br>
<div align="center"> </div>
<form name="RegistrarUsu" method="post" action="http://localhost:8080/PUNTOLIMPIO/servlet/RegistrarU">
<div align="center">
<table width="35%" border="1">
<tr>
<td width="80%"><div align="center"><strong>Nombre</strong></div></td>
<td width="20%"><input type="text" name="Nombre" maxlength="15" onkeypress=salto('1')>(*)</td>
</tr>
<tr>
<td><div align="center"><strong>Contraseña</strong></div></td>
<td><input type="password" name="Contrasena" maxlength="40" onkeypress=salto('2')>(*)</td>
</tr>
<tr>
<td><div align="center"><strong>Dirección</strong></div></td>
<td><input name="Direccion" type="text" maxlength="80" onkeypress=salto('3')>(*)</td>
</tr>
<tr>
<td><div align="center"><strong>Teléfono</strong></div></td>
<td><input name="Telefono" type="text" maxlength="15" onkeypress=salto('4')>(*)</td>
</tr>
<tr>
<tr>
<td><div align="center"><strong>NIF</strong></div></td>
<td><input name="NIF" type="text" maxlength="10" onkeypress=salto('5')>(*)</td>
</tr>
</table>
<br>
<br>
<br>
<input type="button" value="Enviar" name="listo">
</div>
</form>
<br>
<label></label>
</div>
</td>
</tr>
</table></td>
<td width="252"></td>
</tr>
</table>
</body>
</html>
Un saludo
y muchas gracias por todo
nostromo:
Hola;
Nunca te resultaria por:
en function desactivar(); colocaste esto:
(Esta línea de código esta incorrecta la debes sacar!!!)
Nombre.disabled = true;
Siempre debes dejar activo el primer campo nunca lo desactives. De esta manera no funciona el focus(), ni absolutamente nada.
Nos vemos.
lulial:
Muchas gracias por todo nostromo ahora ya funciona bien, pero tengo una duda, los botones les quiero hacer con una imagen.
Este sería el código del botón aceptar:
<a href="javascript:document.RegistrarUsu.submit()">
<img name="listo" src="../../images/BAceptar.jpg"></a>
el problema esq no me sale deshabilitado, se puede hacer con imágenes o debería poner un boton.
Un saludo
nostromo:
Hola;
Desactivar la imajen no se si se pueda pero intenta esto:
En el Body coloca esto:
--- Código: Text --- <span id=1 style="display:none;"> <a href="javascript:document.RegistrarUsu.submit()"> <img name="listo" src="../../images/BAceptar.jpg"></a></span>
en la sección del JavaScript agrega esta nueva función:
--- Código: Text --- function boton(id){ obj = document.getElementById(id); if (id == "1") { if (obj.style.display == "none") { obj.style.display = ""; } }}
En la función JavaScript function salto(obj), debes ir al case "4":, y le agregas la nueva función:
--- Código: Text --- case "4": if (e_kc == 13 && emilio.value != "") { boton("1"); } break
postea para ver como te fue.
Por último no olvides sacar de la function desactivar(); el listo.disabled = true;
Nos vemos.
Navegación
[#] Página Siguiente
[*] Página Anterior
Ir a la versión completa