Posicion foco javascript

dromo24 · #1 (**permalink**) 07/02/2007, 09:14

Hola,

tengo el siguiente problema con el foco del formulario:

tengo un jsp con una caja de texto y al clickar en esa caja de texto se abre un popup con una caja de texto y con el mismo valor que tenia la caja de la primera pagina. El problema es que el foco me aparece al principio del texto y quiero que aparezca al final para poder seguir escribiendo a continuación. Es decir si en la primera pagina tengo el texto "Hola" cuando paso al popup la caja de texto tiene el foco delante de la H y necesito ponerlo detras de la a.

Saludos a todos.

KarlanKas · #2 (**permalink**) 07/02/2007, 10:07

Hay un truquillo que es ponerle el foco antes de pasarle el valor. Un ejemplo sencillo sería:

Código PHP:

  <html>
<head>
    <title>Untitled</title>
</head>

<body><form>
<textarea 
    style="border:solid 1px black;overflow:auto;font:normal 12px/16px verdana;" 
    cols="40" 
    rows="10" 
    onfocus="this.value=''">Escribe aqu&#237; y dale al botón de enmedio</textarea>

<input 
    type="button" 
    style="font:normal 50px/115px verdana" 
    value="->" 
    onclick="this.form[2].focus();this.form[2].value=this.form[0].value">
</input>

<textarea 
    style="border:solid 1px black;overflow:auto;font:normal 12px/16px verdana;" 
    cols="40" 
    rows="10" 
    type="text">
</textarea>
</form>

</body>
</html>

caricatos · #3 (**permalink**) 07/02/2007, 10:15

Hola dromo24, bienvenido a los foros

:

Yo sabía una solución para navegadores distintos de explorer: onfocus="this.selectionStart = this.selectionEnd = this.value.length"... pero veo que se me ha adelantado el amigo KarlanKas (¡Hola

!) con una respuesta muy interesante que desconocía

Saludos

dromo24 · #4 (**permalink**) 07/02/2007, 10:37

Lo he probado y no me funciona.

el codigo que tengo para situar el foco es este :

function cargar(){
//este me carga el valor de la caja de texto anterior
document.formulario.descripcion.value=opener.docum ent.F1.<%=request.getParameter("campoFormulario")% >.value;
//Este situa el foco
document.formulario.descripcion.focus();
}

Como deberia ponerlo lo que me comentabais anteriormente?

Gracias.

KarlanKas · #5 (**permalink**) 07/02/2007, 10:44

Prueba con esto:

function cargar(){
//Este situa el foco
document.formulario.descripcion.focus();

//este me carga el valor de la caja de texto anterior
document.formulario.descripcion.value=opener.docum ent.F1.<%=request.getParameter("campoFormulario")% >.value;
}

dromo24 · #6 (**permalink**) 08/02/2007, 02:22

Con el cambio de posición funciona de maravilla . Gracias a todos.

Saludos.

gabrielflowers · #7 (**permalink**) 18/06/2009, 08:03

Hola dromo24, he llegado a una solucion mas generica en base a la respuesta de KarlanKas; en mi ejemplo tengo un boton q le da el foco al final del contenido de un textbox simplemente haciendole "focus" a ese textbox y luego sobreescribiendo su "value";expongo a continuacion el codigo de ejemplo:

Código HTML:

<input type="button" value="Dar Foco" onclick="document.getElementById('t1').focus();document.getElementById('t1').value=document.getElementById('t1').value;">
<input type="text" id="t1" value="hola">

espero te sirva, y a todos aquellos q pasamos por esa necesidad alguna vez, saludos.