elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  problema al insertar texto en un area de texto		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: problema al insertar texto en un area de texto  (Leído 3,576 veces)
RedZer


Desconectado Desconectado

Mensajes: 666



Ver Perfil
problema al insertar texto en un area de texto
« en: 20 Julio 2011, 23:29 pm »
bueno estoy realizando la opcion de poner texto en negritas,alinear ala izquierda,centrar, y justificar asi como las opciones k tiene el foro  todo eso funciona ala perfeccion el problema surge  cuando por ejemplo yo selecciono una palabra la cual deceo poner en negritas y pulso el icono de negritas el codigo me lo inserta el final ejemplo
si yo tengo seleccionado y deceo poner en negritas mi nombre RedZer al pulsar el icono de negritas me lo aroja al final asi
Código
  1. [b] [/b]
cuando lo que deberia de hacer es esto
Código
  1. [b]RedZer[/b]
anexo parte del  code que ocupo
este scrip es para que los codigos se inserten en el area de texto
Código
  1. <script language="javascript"> 
  2.       <!--  
  3.       function Smile(texto)
  4. 	  { 
  5.       document.formulario.msj.value = document.formulario.msj.value + texto; 
  6.       } 
  7. </script>
  8.  

y este es el k ocupo para elegir las opciones
Código
  1. <a href=javascript:Smile('[b][/b]')><img src=../letras/bold.gif border=0 title="Negritas"></a>


« Última modificación: 23 Julio 2011, 21:02 pm por RedZer » En línea
Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo
4rkn63l

Desconectado Desconectado

Mensajes: 199



Ver Perfil
Re: problema al insertar texto en un area de texto
« Respuesta #1 en: 24 Julio 2011, 06:43 am »
Bueno a mi entender con tu codigo javascript estarias modificando todo el texto que se encuentre en el campo "msj" y no solamente el texto seleccionado, lo que necesitas es solo trabajar con esa parte (rango) de texto seleccionado, esto te ayudara http://www.disegnocentell.com.ar/notas2.php?id=206
En línea
RedZer


Desconectado Desconectado

Mensajes: 666



Ver Perfil
Re: problema al insertar texto en un area de texto
« Respuesta #2 en: 26 Julio 2011, 00:41 am »
buscnado una solucion al problema encontre un code muy bueno la funcion que tiene es
hacer un editor de bbCode sencillo que admita selección de texto
y aki el code
Código
  1.  
  4. <title>Editor bbCode</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  7. function instag(tag){
  8. var input = document.form1.contenido;
  9. if(typeof document.selection != 'undefined' && document.selection) {
  10. var str = document.selection.createRange().text;
  11. input.focus();
  12. var sel = document.selection.createRange();
  13. sel.text = "[" + tag + "]" + str + "[/" +tag+ "]";
  14. sel.select();
  15. return;
  16. }
  17. else if(typeof input.selectionStart != 'undefined'){
  18. var start = input.selectionStart;
  19. var end = input.selectionEnd;
  20. var insText = input.value.substring(start, end);
  21. input.value = input.value.substr(0, start) + '['+tag+']' + insText + '[/'+tag+']'+ input.value.substr(end);
  22. input.focus();
  23. input.setSelectionRange(start+2+tag.length+insText.length+3+tag.length,start+2+tag.length+insText.length+3+tag.length);
  24. return;
  25. }
  26. else{
  27. input.value+=' ['+tag+']Reemplace este texto[/'+tag+']';
  28. return;
  29. }
  30. }
  31. function inslink(){
  32. var input = document.form1.contenido;
  33. if(typeof document.selection != 'undefined' && document.selection) {
  34. var str = document.selection.createRange().text;
  35. input.focus();
  36. var my_link = prompt("Enter URL:","http://");
  37. if (my_link != null) {
  38. if(str.length==0){
  39. str=my_link;
  40. }
  41. var sel = document.selection.createRange();
  42. sel.text = "[a href=\"" + my_link + "\"]" + str + "[/a]";
  43. sel.select();
  44. }
  45. return;
  46. }else if(typeof input.selectionStart != 'undefined'){
  47. var start = input.selectionStart;
  48. var end = input.selectionEnd;
  49. var insText = input.value.substring(start, end);
  50. var my_link = prompt("Enter URL:","http://");
  51. if (my_link != null) {
  52. if(insText.length==0){
  53. insText=my_link;
  54. }
  55. input.value = input.value.substr(0, start) +"[a href=\"" + my_link +"\"]" + insText + "[/a]"+ input.value.substr(end);
  56. input.focus();
  57. input.setSelectionRange(start+11+my_link.length+insText.length+4,start+11+my_link.length+insText.length+4);
  58. }
  59. return;
  60. }else{
  61. var my_link = prompt("Ingresar URL:","http://");
  62. var my_text = prompt("Ingresar el texto del link:","");
  63. input.value+=" [a href=\"" + my_link + "\"]" + my_text + "[/a]";
  64. return;
  65. }
  66. }
  68. </head>
  69.  
  71. <form name="form1" method="post" action="">
  72. <input type="button" name="Submit" value="B" onClick="instag('b')">
  73. <input type="button" name="Submit3" value="U" onClick="instag('u')">
  74. <input type="button" name="Submit4" value=" I " onClick="instag('i')">
  75. <input type="button" name="Submit2" value="LINK" onClick="inslink()">
  76. <br>
  77. <textarea name="contenido" cols="40" rows="10" id="contenido"></textarea>
  78.  
  79. </form>
  80. </body>
  81. </html>
  82.  
  83.  
En línea
Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Insertar un texto en un video
Multimedia 		‭lipman 9 3,386 Último mensaje 18 Julio 2007, 21:05 pm
por Songoku
Problema para insertar texto con un BAT
Scripting 		drrub 2 5,051 Último mensaje 4 Octubre 2008, 15:57 pm
por drrub
Problema de texto al poner un texto muy largo, alguna forma de cortarlo?
PHP 		XXXXXX 5 8,381 Último mensaje 21 Junio 2010, 04:51 am
por XXXXXX
Poner Texto en Text Area javascript
Desarrollo Web 		Pafate 1 11,951 Último mensaje 21 Febrero 2011, 03:53 am
por Nakp
Problema extraño al insertar texto.
.NET (C#, VB.NET, ASP) 		Edu 1 2,100 Último mensaje 24 Abril 2011, 00:29 am
por Edu
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines