Foros del Web » Programando para Internet » Javascript »

poner foco en textbox y boton

Estas en el tema de poner foco en textbox y boton en el foro de Javascript en Foros del Web. hola a todos. tengo un par de dudillas: ¿como puedo poner el foco en un determinado textbox cuando carga la pagina? ¿se puede asignar la ...
  #1 (permalink)  
Antiguo 30/03/2005, 04:06
 
Fecha de Ingreso: abril-2004
Mensajes: 36
Antigüedad: 20 años
Puntos: 0
poner foco en textbox y boton

hola a todos. tengo un par de dudillas:
¿como puedo poner el foco en un determinado textbox cuando carga la pagina?

¿se puede asignar la tecla intro a un boton, por ejemplo que se llame 'enviar'?

gracias y un saludo
  #2 (permalink)  
Antiguo 30/03/2005, 04:44
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 4 meses
Puntos: 61
<body onload="document.forms['name_del_form']['name_del_campo'].focus()">
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
  #3 (permalink)  
Antiguo 30/09/2008, 19:43
 
Fecha de Ingreso: septiembre-2008
Mensajes: 10
Antigüedad: 15 años, 7 meses
Puntos: 0
Sonrisa Respuesta: poner foco en textbox y boton

Hola amigos mi problema es un poco diferente tengo el siguiente código para que los campos no se queden vacios y se habilite el submit al momento de llenarlos todos

Sin embargo tambien quiero poner el cursor en la primera caja de texto
pero al momento de poner el código en el <body> para poner el cursor no funciona la función de deshabilitar el submit alguien me podria ayudar a reescribir mi código .

Código HTML:
 <script>
function $(id){
    return document.getElementById.(id);
   
}
function h(){
    $('s').disabled=($('1').value.length>0 && $('2').value.length>0&& $('3').value.length>0&& $('4').value.length>0&& $('5').value.length>0&& $('6').value.length>0)?0:1;
    
}
window.onload=function(){
setInterval('h()',10);
}
</script>

<body  onload="document.getElementById('nombre').focus()"> 
<form name="alumnos">
	<table>	
		<tr>
		<td>Nombre:&nbsp;&nbsp;<input type="text" id="1"   name="nombre" size="40" ></td>
		<td></td>
		</tr>
		<tr>
		<td >Apellido Paterno:&nbsp;&nbsp;<input id="2" type="text" size="40" name="apellido_Pat"></td></tr>
        <tr><td >Apellido Materno:&nbsp;<input id="3" type="text" size="40" name="apellido_Mat"></td></tr>
	
	
<tr><td align="left">Calle:&nbsp;<input id="4"  type="text" name="calle" size="40"></td></tr>
<tr><td align="left">Colonia:&nbsp;&nbsp;<input id="5"  type="text" name="colonia" size="40"></td></tr>
<tr><td align="left">Municipio:&nbsp;<input id="6" type="text" name="municipio" size="40"></td></tr>
  	 
	<tr> <td align="left">Numero de control:&nbsp;&nbsp;<input id="6" type="text" name="num_control"></td></tr>
	
     	<td  > <input id="s" type="submit" name="registro" value="Registrar alumno"> </td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td  class="h1"> <input type="submit" name="Continuar" value="Continuar  >>"> </td>
		</table>
     	
     	</form>
	
</div>
</body> 
  #4 (permalink)  
Antiguo 30/09/2008, 23:50
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 4 meses
Puntos: 61
Respuesta: poner foco en textbox y boton

Cambia el principio así:

Código:
 <script>
function $(id){
    return document.getElementById.(id);
   
}
function h(){
    $('s').disabled=($('1').value.length>0 && $('2').value.length>0&& $('3').value.length>0&& $('4').value.length>0&& $('5').value.length>0&& $('6').value.length>0)?0:1;
    
}
window.onload=function(){
setInterval('h()',10);
document.getElementById('nombre').focus();
}
</script>

<body>  
Un saludo!
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
  #5 (permalink)  
Antiguo 01/10/2008, 08:19
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: poner foco en textbox y boton

Una observación que no viene al caso :
Código javascript:
Ver original
  1. return document.getElementById.(id);
Ese punto que precede al paréntesis está mal .

Y solo como observación también, ya que tenemos esa función, lo que puso KarlanKas podríamos resumirlo así:
Código javascript:
Ver original
  1. $("nombre").focus();
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #6 (permalink)  
Antiguo 01/10/2008, 10:19
 
Fecha de Ingreso: septiembre-2008
Mensajes: 10
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: poner foco en textbox y boton

Muchas gracias Karlankas y David el Grande. Ufff justo lo que necesitaba, me ha servido de mucho y efectivamente David tienes razon acerca de tus observaciones realmente no habia revisado mi código a detalle. Gracias amigos............
  #7 (permalink)  
Antiguo 01/10/2008, 15:33
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 4 meses
Puntos: 61
Respuesta: poner foco en textbox y boton

Es verdad! que usa prototype, no?
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:22.