Boton seleccionado al cargar pagina

miglos · #1 (**permalink**) 12/05/2006, 10:34

Buenos dias,
quisiera saber como se hace para que al cargar una pagina, aparezca el cursor en el textbox y el boton ENVIAR seleccionado, asi como en google o en esta misma pagina.
Me explico?? osea, sin necesidad del TAB ni del mouse, solo ingreso el texto que deseo luego ENTER y listo.
Muchas gracias por su colaboracion.

braulito · #2 (**permalink**) 12/05/2006, 10:57

Suponiendo que tienes este textbox:

Código HTML:

<input type="text" name="foo" id="foo" />

Entonces pones esto entre <head> y </head>

Código HTML:

<script type="text/javascript">
window.onload = function() {document.getElementById('foo').focus();}
</script>

Hace que al cargar la página el elemento que tiene el id "foo" reciba el foco del mouse. Espero te sirva

miglos · #3 (**permalink**) 12/05/2006, 11:18

asi es como lo tengo hecho, pero cuando apreto ENTER no envia el formulario, sino hasta que le haga con el mouse...

ludovico2000 · #4 (**permalink**) 12/05/2006, 11:23

El foco ("lo que está seleccionado", para entendernos) sólo puede estar en un sitio, y si lo colocas en el cuadro de texto no puede estar en el botón. De todas formas, los formularios ejecutan la acción del botón que tengan por defecto. Pon el código de tus botones, a ver.

miglos · #5 (**permalink**) 12/05/2006, 11:56

Saludos ludovico, por ejemplo, en google, al cargar la pagina, el cursor esta en el textbox, pero aparece seleccionado el boton BUSCAR, cierto?
eso es lo que busco hacer.
Gracias

JavierB · #6 (**permalink**) 12/05/2006, 12:12

Hola miglos

Algo así:

Código:

<body onload="document.forms[0].algo.focus()">
<form>
<input type="text" name="algo" />
<input type="submit" />
</form>

Saludos,

miglos · #7 (**permalink**) 12/05/2006, 13:52

Esto es lo que tengo en <body>

Código HTML:

<body onload="document.frmdat[0].txtaccount.focus()">

y esto es lo de mi formulario

Código HTML:

<form name="frmdat">
Usuario<input type="text" name="txtaccount">
Password<input type="password" name="txtpassword">
<input name="button" type="button" value="iniciar sesión" onClick="accionfrm(1);">
</form>

segun me sugirio JavierB, pero ahora no muestra el cursor en nigun textbox.

JavierB · #8 (**permalink**) 13/05/2006, 02:36

Hola de nuevo.

Tienes que ponerlo así (forms[0] se refiere al primer formulario de la página)

<body onload="document.forms[0].txtaccount.focus()">

o también así:

<body onload="document.frmdat.txtaccount.focus()">

Saludos,

braulito · #9 (**permalink**) 13/05/2006, 07:22

No pasa nada cuando presionas ENTER porque tu botón es del tipo "button" y debería ser del tipo "submit", si la función accionfrm(1); valida el formulario, entonces accionfrm(1) debería estar en el evento onsubmit del formulario, algo asi:

Código HTML:

<form name="frmdat" onsubmit="return accionfrm(1);">
Usuario<input type="text" name="txtaccount" />
Password<input type="password" name="txtpassword" />
<input name="button" type="submit" value="iniciar sesión" />
</form>

si los campos validan bien devuelves true, sino es asi devuelves false. Prueba con eso y tu formulario funcionará perféctamente.