Colocar Foco en una parte del texto en especifico

[edward18_1]

Hola, que funcion de javascript o el mismo jquery me permite colocar el foco o sea el cursor dentro de un textarea pero que este se coloque en un espacio especifico del textarea o sea ejemplo, si tengo esto dentro de un textarea "Texto de ejemplo" y quisiera que el focus estuviera en la posicion numero 8, entonces que se situe alli, con que funcion se puede? porque la funcion Focus() lo unico que hace es colocar el cursor y ya!. Gracias a quien me pueda ayudar!

[David]

Revisa esto:
http://www.disegnocentell.com.ar/notas2.php?id=206 (de Panino5001)

Saludos.

[edward18_1]

Compañero David Primero que todo gracias por responderme! y bueno esa parte ya la tengo ya que lo que yo deseo hacer es seleccionar un texto y reemplazar, ya todo eso lo hice pero lo unico que no he podido hacer es posicionar el cursor luego del texto que fue reemplazado, yo ya tengo la forma de saber en donde va a ir el cursor o sea en que posicion, lo unico que me falta es la funcion que coloque al cursor en esa posicion que yo obtengo :D

[David]

Unos temas más abajo alguien preguntó algo parecido y le comenté de este tema:
http://www.forosdelweb.com/f13/posic...-input-507927/
Quizás te sirva también.

[edward18_1]

Perfecto, al parecer el tercer codigo me servira!...si tengo alguna duda de como implementarlo podria preguntarte verdad?, Feliz Navidad y prospero año nuevo 2013 :D

[David]

Claro, puedes preguntar en este tema y trataremos de orientarte.

Cordial saludo.

[edward18_1]

Compañero ya empezo el primer problema :S pues como lo dice en el post, se debe crear la variable laCaja de manera global, ya lo hice pero no logro hacer que funcione, no me da error alguno en el explorador ya que veo los errores porque poseo google chorme, pero no muestra errores

Código Javascript:

function ponCursorEnPos(pos){  
    if(typeof document.selection != 'undefined' && document.selection){        //método IE 
        var tex=laCaja.value; 
        laCaja.value='';  
        laCaja.focus(); 
        var str = document.selection.createRange();  
        laCaja.value=tex; 
        str.move("character", pos);  
        str.moveEnd("character", 0);  
        str.select(); 
    } 
    else if(typeof laCaja.selectionStart != 'undefined'){                    //método estándar 
        laCaja.setSelectionRange(pos,pos);  
        forzar_focus();            //debería ser focus(), pero nos salta el evento y no queremos 
    } 
}
 

la cosa es como deberia usarse? yo coloco por ejemplo esto ponCursorEnPos(5); dentro de alguna funcion javascript y no hace absolutamente nada!

[David]

Pasa que Google Chrome al entrar en un campo restaura la selección y mueve el cursor al inicio.
Aquí se habla algo del tema:
http://code.google.com/p/chromium/is...etail?id=32865

[edward18_1]

NO , pero es que yo no busco seleccionar el texto...yo lo que busco es que el cursor se coloque en una posicion en especifico! una funcion por ejemplo colocarcursor(5) donde el 5 es la posicion en la que deseo que el cursor aparezca, o sea que si mi cadena de texto es "Hola mundo" el cursor deberia de aparecer "Hola(AQUI)mundo" si me entindes mas o menos? yo se que eso si se puede hacer porque lo he visto pero hace mucho tiempo!

[David]

Sí, entiendo lo que quieres hacer. Lo que te comentaba es justo eso, que Google Chrome restaura la posición del cursor al entrar en el campo.

[edward18_1]

umm..pero es que nisiquiera entra el focus o sea te explico yo por ejemplo coloco mi cursor aqui "Hola mu(AQUI)ndo" presiono un boton para que se ejecute una funcion que me borra la letra anterior a donde esta el cursor o sea quedadno asi "Hola mndo" es para borrar, pero ya luego de eso el cursor desaparece no esta ni al principio ni al final ni nada, tengo que hacer click para que este aparezca entonces yo lo que digo es que cuando se ejecute la funcion se ejecute otra donde me coloque el cursor en la posicion especificada o sea quedando asi "Hola m(AQUI)ndo"

[David]

Intenta llamando al método focus() del textarea antes de llamar a la función ponCursorEnPos()

[edward18_1]

ok lo hare pero antes revisando el codigo, pude ver que aparece esto

Código Javascript:

str.move("character", pos);  
        str.moveEnd("character", 0);  
        str.select();
 

eso es lo que hace que se ubique el cursor? que es eso? y mas aun esas palabras que aparecen entre comillas simples

[David]

En tu caso no, no es esa parte la que hace que se mueva el cursor, esa parte es exclusiva para Internet Explorer.
En cuanto a tus preguntas: http://msdn.microsoft.com/en-us/libr...=vs.85%29.aspx

[edward18_1]

Ok, Gracias...compañero hice lo que me dijiste de llamar a la funcion focus del textarea y luego a la otra funcion pero solo coloca el focus al final del texto o sea que no funciona la funcion cuando la llamo hice esto:

Código Javascript:

$('#'+marcado).focus();
    var sd = ponCursorEnPos(1);
 

y pues claro que en la funcion ponCursorEnPos() yo coloco que la variable laCaja es igual a $('#'+marcado) y esa variable es una variable global

[David]

En lugar de usar $('#' + marcado) usa document.getElementById('#' + marcado)

[edward18_1]

compañero la funcion me va quedando asi,

Código Javascript:

function ponCursorEnPos(pos){  
laCaja = document.getElementById('#' + marcado)
 
    if(typeof document.selection != 'undefined' && document.selection){        //método IE 
        var tex=laCaja.value; 
        laCaja.value='';  
        laCaja.focus(); 
        var str = document.selection.createRange();  
        laCaja.value=tex; 
        str.move("character", pos);  
        str.moveEnd("character", 0);  
        str.select(); 
    } 
    else if(typeof laCaja.selectionStart != 'undefined'){                    //método estándar 
        laCaja.setSelectionRange(pos,pos);  
        forzar_focus();            //debería ser focus(), pero nos salta el evento y no queremos 
 
} 
 
}
 

la ejecuto con esto

Código Javascript:

$('#'+marcado).focus();
    ponCursorEnPos(5);
 

y me da el siguiente error en el chorme

Uncaught TypeError: Cannot read property 'selectionStart' of null

[David]

Me había equivocado en el mensaje anterior. No me fijé que había escrito con el numeral, es solo document.getElementById(marcado)

[edward18_1]

WOW listoooo....por fin...te ganaste el karma para cada mensaje que me enviaste! GRACIAS POR TU TIEMPO gracias de verdad :D muchas gracias :D esta listo quedo como era! GRACIAS feliz navidad y prospero año nuevo 2013, si llegas a tener algun tipo de problema con el PHP yo te puedo ayudar ya que me desenvuelvo mucho mas con el PHP :D Gracias

[skumblue]

Muy interesante el tema, también necesito posicionar el cursor en una posición específica, pero no de un input ni un textarea, si no que de un div que uso como campo:

<div contenteditable="true" spellcheck="true"
role="textbox"
aria-multiline="true"
dir="dir"
id="coment"
data-focus="true"></div>

Y no logro que la función me posicione el cursor en algun lugar, solo me funciona el $('#coment').focus() pero en mi caso no me sirve.

Gracias por su ayuda !!