onload focus

azazels · #1 (**permalink**) 21/09/2010, 06:21

hola gentes!
quiero que al cargar una página vaya a un campo de texto de un formulario:
<body onload = "document.nombreFormu.nombreCampo.focus()">

el problema está es que el imput es asi:
<input name="datos[]">

la razón es porque puede tener 2, 3, 4, campos, etc., dependiendo del producto.

como hago el focus a un name="datos[]???

gracias :)

gumer · #2 (**permalink**) 21/09/2010, 06:41

Use mucho el id="datos[n]"; para n 1, 2, 3...
<body onload = "document.nombreFormu.nombreCampo.focus()">y claro al momento de llamar podrias poner
<body onload = "document.getElementById('datos[2]').focus()">
NO lo he probado... pero me funcionaba en funciones...

Adler · #3 (**permalink**) 21/09/2010, 07:11

Hola

Supongo que siempre quieres llevar el foco al primer campo

Cita:

document.nombreFormu.datos[0].focus()

Suerte

azazels · #4 (**permalink**) 22/09/2010, 01:02

gracias chicos, lo he probado todo y no me funciona :(

os dejo el código tal cual lo tengo

Código:

<form name="form_linea_nueva" method="POST" action="datos.php?seccion=productos_datos&amp;id_producto=165">
<tr>
<td><input name="datos[]" type="text" class="negro10px" style="text-align:center;" onKeyPress="iSubmitEnter(event, document.form_linea_nueva)"></td>
<input name="id_cabecera[]" type="hidden" value="1294">
<td><input name="datos[]" type="text" class="negro10px" style="text-align:center;" onKeyPress="iSubmitEnter(event, document.form_linea_nueva)"></td>
<input name="id_cabecera[]" type="hidden" value="1295">
<td colspan="2" align="center" valign="middle"><a href="javascript:document.form_linea_nueva.submit();"><img src="imagenes/anadir.png" width="24" height="24" border="0"></a></td>
</tr>
<input name="id_producto" type="hidden" value="165">
<input name="MM_insert" type="hidden" value="datos">
</form>

azazels · #5 (**permalink**) 22/09/2010, 01:22

bueno, lo he solucionado así:

Código HTML:

function inicio (){
	
var input = document.getElementById ('datos_nuevos[]');
input.focus ();
}

Código HTML:

<form name="form_linea_nueva" method="POST" action="datos.php?seccion=productos_datos&amp;id_producto=165">
<tr>
<td><input name="datos_nuevos[]" id="datos_nuevos[]" type="text" class="negro10px" style="text-align:center;" onKeyPress="iSubmitEnter(event, document.form_linea_nueva)"></td>
<input name="id_cabecera[]" type="hidden" value="1294">
<td><input name="datos_nuevos[]" id="datos_nuevos[]" type="text" class="negro10px" style="text-align:center;" onKeyPress="iSubmitEnter(event, document.form_linea_nueva)"></td>
<input name="id_cabecera[]" type="hidden" value="1295">
<td colspan="2" align="center" valign="middle"><a href="javascript:document.form_linea_nueva.submit();"><img src="imagenes/anadir.png" width="24" height="24" border="0"></a></td>
</tr>
<input name="id_producto" type="hidden" value="165">
<input name="MM_insert" type="hidden" value="datos">
</form>

gracias por guiarme :)

azazels · #6 (**permalink**) 22/09/2010, 01:24

tambien funciona con esto

Código:

<body onLoad="document.getElementById ('datos_nuevos[]').focus()">

solo me faltaba ponerle ID al input...

Adler · #7 (**permalink**) 22/09/2010, 05:42

Hola

No te marca error pero no es correcto que varios elementos compartan la misma id. Hazlo como te comenté, usando el nombre y el indice

Suerte