No me anda focus en un fomulario

fedefrankk · #1 (**permalink**) 06/10/2012, 08:13

hola a todos, quiero poner un focu en mi formulario apenas entro a la web

tengo un boton en un index, y llamo a un iframe que se encuentra dentro de mi index.

en este iframe tengo el siguiente codigo :

Código HTML:

Ver original</head>
 
<body onload="document.getElementById('cle').focus()">
 
<div class="cuadro1">
<div class="con1">CONTACTO</div>
 
 
<form  class="formu" action="veo" method="post" name="nose">
<p class="text1">Apellido/Nombre</p><input class="con2" id="cle" type="text" name="apellido" maxlength="60" />
<p class="text2">Tel.Cel./Nextel</p><input class="con3" type="text" name="telcel" maxlength="60" />
<p class="text3">E-mail</p><input class="con4" type="text" name="email" maxlength="60" />
<p class="text4">Comenatrio</p><textarea class="con5"  type="text" name="comentario" maxlength="60" /></textarea>
 
<span class="formu">
<input class="con6" type="submit" name="submit" value="Enviar" />
<input class="con7"  type="reset"   value="Borrar"/>
</span>
</form>
</div>
<div class="mapa"></div>
 
</body>
</html>

Gracias de antemano saludos a todos.!!!
fede

IsaBelM · #2 (**permalink**) 06/10/2012, 14:23

el foco has de darselo desde la página contenedora

Cita:

window.frames['nombreframe'].document.getElementById('idcampo').focus()
o
window.frames['nombreframe'].nombreform.nombrecampo.focus()

fedefrankk · #3 (**permalink**) 06/10/2012, 15:33

Hola gracias por tu repuesta, hice en la misma pagina del iframe donde esta el formulario

Código HTML:

Ver original<script type="text/javascript">
window.frames['con'].document.getElementById('cle').focus()
</script>
 
<form  class="formu"  action="enviaMail.php" method="post" name="form">
<p class="text1">Apellido/Nombre</p><input class="con2" id="cle" type="text" name="fname" maxlength="60" />
<p class="text2">Tel.Cel./Nextel</p><input class="con3" type="text" name="ftel" maxlength="60" />
<p class="text3">E-mail</p><input class="con4" type="text" name="femail" maxlength="60" />
<p class="text4">Consulta</p><textarea class="con5"  type="text" name="fconsulta" maxlength="60" /></textarea>
 
<span class="formu">
<input class="con6" type="submit" name="submit" value="Enviar" />
<input class="con7"  type="reset"   value="Borrar"/>
</span>
</form>
</div>

aca dejo el iframe que contiene ese formulario:

Código HTML:

Ver original<iframe  id="rr" class="slider1" src="contacto.php" name="con" frameborder="0" height="300" width="1000" scrolling="no" marginheight="0" style="border:none; display:none" hspace="0"></iframe>

y lo hago visible de otra pagina que seria el encabezado:

Código Javascript:

Ver originalfunction contacto(){
var f=document.getElementById('ff').style.display='none'
var f=document.getElementById('rr').style.display='block';
}

no me funciona no se el porque

se agradece tu tiempo

saludos
fede

IsaBelM · #4 (**permalink**) 07/10/2012, 07:46

normal que no funcione, ha de poner el script en la pagina contenedora

Cita:

<html>
......
<script>
window.onload = function(){window.frames['con'].document.getElementById('cle').focus();};
</script>
.......
<iframe .........></iframe>
......
</html>

furoya · #5 (**permalink**) 07/10/2012, 08:06

Hola fedefrankk, IsaBelM.

Cuando hay acceso al código del formulario, se lo puede resolver con un atributo.

<input type="text" autofocus="autofocus" />

Aunque me parece que en IExplorer no anda.

fedefrankk · #6 (**permalink**) 07/10/2012, 09:40

Hola gracias por la repusta, lo pruebo y te aviso

saludos y se agradece tu tiempo

fede

IsaBelM · #7 (**permalink**) 07/10/2012, 13:42

Cita:

Iniciado por furoya

Hola fedefrankk, IsaBelM.

Cuando hay acceso al código del formulario, se lo puede resolver con un atributo.

<input type="text" autofocus="autofocus" />

Aunque me parece que en IExplorer no anda.

maldito html5

furoya · #8 (**permalink**) 07/10/2012, 14:13

Ahh!

¿Entiende ahora por qué me deprimo en estos casos?

scrollbar en tabla html

IsaBelM · #9 (**permalink**) 07/10/2012, 15:58

claro, es frustrante que estemos tan condicionados

fedefrankk · #10 (**permalink**) 07/10/2012, 17:47

Hola, Me funciono.!! en el mismo documento donde tengo el formulario hice lo que me dijieron y anduvo, le fallaba en el id.. (error de escritura),

mi codigo andando

Código HTML:

Ver original<body onload="document.getElementById('cle').focus()">
 
<?php include("../_index/encabezado.php") ?>
 
<div class="usuario"><!-- aca -->
 
<form action="validaUsu.php" method="post">
 
 
 
 
<p class="text1">E-mail:<input class="inp10" type="text"  id="cle" name="email" /></p>
 
.........
..........

como siempre muchas gracias.!!! saludos
fede