Tengo un "textarea" y quisiera que cada que el usuario aprete la tecla [ENTER] la siguien línea empiece con un bullet como por ejemplo —, », *, etc.
Si alguien sabe cómo podría hacer esto le agradezco l ayuda.

| ||||
![]() Hola. Alguien sabe si esto se puede hacer con JavaScript? o necesito buscar en otro lenguaje? Tengo un "textarea" y quisiera que cada que el usuario aprete la tecla [ENTER] la siguien línea empiece con un bullet como por ejemplo —, », *, etc. Si alguien sabe cómo podría hacer esto le agradezco l ayuda. ![]()
__________________ ¿Dónde encontrar carros baratos en USA? En Autopten. |
| |||
Respuesta: Insertar bullet cada vez que se presion [ENTER] en text area Cero que esto es lo que buscas:
Código:
<textarea id="texto" onkeyup="javascript:bullet('*')"></textarea> <script> function bullet(simbolo) { if(window.event.keyCode==13) { texto.value=texto.value+simbolo; } } </script> |
| ||||
![]() Joder!! no puedo creer lo hayas hecho tan sencillo. Estuve buscando esto por horas anoche en Google tanto en Inglés como en Español sin encontrar nada. Te agradezco mucho la ayuda nilburcion ![]()
__________________ ¿Dónde encontrar carros baratos en USA? En Autopten. |
| ||||
![]() Hola Nilburcion, no sé me puedes dar una última ayuda. El Script me funciona cuando el textarea está vacio, pero cuando hay texto en éste, pone el bullet al final del texto. Lo que quiero hacer es, por ejemplo tengo este textarea ya con texto:
Código:
Quiero pararme o poner el cursor en cada cada (,) y que cuando presione ENTER se ponga en la siguiente línea el bullet de primero junto con el texto que tenga por delante del cursor, para que al final quede así:uno, dos, tres, cuatro, cinco
Código:
Será que habría que hacerle mucho al script para que funcione así y que no ponga el bullet al final del texto?» uno » dos » tres » cuatro » cinco Gracias de nuevo.
__________________ ¿Dónde encontrar carros baratos en USA? En Autopten. |
| ||||
![]() Cita: Gracias Dnielf. Si tu que sabes de lo que estás hablando no conoces metodo o propiedad alguna, mucho menos yo
Iniciado por Dnielf ![]() Solo una idea : Cuando presionas enter se agrega el caracter \n (\r\n o el unicode correspondiente), con lo que el algoritmo sería así : - Presionar enter - Revisar innerHTML del textarea y agregar el bullet después del reciente \n. Sería mejor obtener la ubicación de la inserción del texto (keyup) en un textarea pero no conozco método o propiedad alguna correspondiente al evento. ![]()
__________________ ¿Dónde encontrar carros baratos en USA? En Autopten. |
| |||
Respuesta: Insertar bullet cada vez que se presion [ENTER] en text area Hola, Por cierto gracias por la idea Dnielf. Lo que hay un problema... No existe ningun metodo o funcion capaz de detectar la posicion del cursor respecto al texto. Pero para eso podemos usar una libreria de Pepe Molina (Caricatos). Entonces el codigo quedaria así:
Código:
Si quieres puedes descargarte la libreria desde aqui: http://www.pepemolina.com/editor/editor.js?PHPSESSID=cbe33f70botbod1t96t60gurs6 <body onload="elEditor = ini_editor(texto)"> <script>var elEditor;</script> <script scr="http://www.pepemolina.com/editor/editor.js?PHPSESSID=cbe33f70botbod1t96t60gurs6"></script> <textarea id="texto" onkeyup="javascript:bullet('»')"></textarea> <script> function bullet(simbolo) { if(window.event.keyCode==13) { _insertar(elEditor, simbolo); } } </script> </body> |
| ||||
Respuesta: Insertar bullet cada vez que se presion [ENTER] en text area Ensayé lo que sugieres tal cual al pie de la letra. Descargue la librería de Caricatos al servidor mio también, pero pues la verdad que no me funcionó. No ocurre nada. De todos modos te agradezco la ayuda Nilburcion. ![]()
__________________ ¿Dónde encontrar carros baratos en USA? En Autopten. |
| |||
Respuesta: Insertar bullet cada vez que se presion [ENTER] en text area Perdooon!!!!! je,je... que error mas tonto... lo que pasa es que javascript por motivos de seguridad no permite acceder a otros dominios. Pero si te descargaste la librería corrige la cuarta linea por: Código HTML: <script scr="aqui pon la ruta de tu libreria*"></script> Espero que así te funcione |
| ||||
Respuesta: Insertar bullet cada vez que se presion [ENTER] en text area Gracias Nilburcion, pero así fue que lo hice. Descargue el .js al root de la página donde lo estoy probando y en el código fuente, puse a que lo leyera diréctamente de éste. Lo ensayé de ambas formas: Cita: <script scr="editor.js?PHPSESSID=cbe33f70botbod1t96t60gurs 6"></script> Cita: Pero naranjas. <script scr="editor.js">
__________________ ¿Dónde encontrar carros baratos en USA? En Autopten. |
| ||||
Respuesta: Insertar bullet cada vez que se presion [ENTER] en text area joderrr!! MAESTRO! ahora sí a la perfección. El que sabe sabe y el que no sabe es como el que no ve. Mis respetos Nilburcion. Te quedo agradecido! ![]()
__________________ ¿Dónde encontrar carros baratos en USA? En Autopten. |
| |||
Respuesta: Insertar bullet cada vez que se presion [ENTER] en text area Perfecto.. muchas gracias... muy útil. Oscar Última edición por David; 30/01/2013 a las 06:12 Razón: Firma en el cuerpo del mensaje |
Etiquetas: |