Foros del Web » Programando para Internet » Javascript »

seleccionar una cosa del campo textarea y que lo se seleccione lo meta en el div

Estas en el tema de seleccionar una cosa del campo textarea y que lo se seleccione lo meta en el div en el foro de Javascript en Foros del Web. quiero seleccionar una cosa del campo textarea y que lo se seleccione lo meta en el div eso es posible @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver ...
  #1 (permalink)  
Antiguo 22/08/2013, 10:57
Avatar de jor_0203  
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 8
seleccionar una cosa del campo textarea y que lo se seleccione lo meta en el div

quiero seleccionar una cosa del campo textarea y que lo se seleccione lo meta en el div eso es posible

Código HTML:
Ver original
  1. <textarea name="" cols="" rows="">
  2. la casa
  3. la rosa
  4. el prerro
  5. <div id="meterContenidoSeleccionado"></div>

es decir si selecciono la palabra la casa lo meta en
el div
  #2 (permalink)  
Antiguo 23/08/2013, 06:20
Avatar de jor_0203  
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 8
Respuesta: seleccionar una cosa del campo textarea y que lo se seleccione lo meta en

tambien podria seleccionar una frase en el div y que aparezca en otro

Código HTML:
Ver original
  1. <div>
  2. la casa
  3. la rosa
  4. el prerro
  5. </div>
  6. <div id="meterContenidoSeleccionado"></div>
es decir si selecciono la palabra la casa lo meta en
el div
  #3 (permalink)  
Antiguo 02/09/2013, 05:52
Avatar de jor_0203  
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 8
Respuesta: seleccionar una cosa del campo textarea y que lo se seleccione lo meta en

ya encontré la solución
pero me gustaria que si tuvieran otra me dijeran
y si quieren comentar el codigo mejor
ya que no lo entiendo muy bien

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2.     <title>onselect event example</title>
  3.    
  4.     <script type="text/javascript">
  5.         function GetSelectedText () {
  6.             var selText = "";
  7.             if (window.getSelection) {  // all browsers, except IE before version 9
  8.                 if (document.activeElement &&
  9.                         (document.activeElement.tagName.toLowerCase () == "textarea" ||
  10.                          document.activeElement.tagName.toLowerCase () == "input"))
  11.                 {
  12.                     var text = document.activeElement.value;
  13.                     selText = text.substring (document.activeElement.selectionStart,
  14.                                               document.activeElement.selectionEnd);
  15.                 }
  16.                 else {
  17.                     var selRange = window.getSelection ();
  18.                     selText = selRange.toString ();
  19.                 }
  20.             }
  21.             else {
  22.                 if (document.selection.createRange) {       // Internet Explorer
  23.                     var range = document.selection.createRange ();
  24.                     selText = range.text;
  25.                 }
  26.             }
  27.             return selText;
  28.         }
  29.  
  30.         function OnSelectInput (input) {
  31.             selText = GetSelectedText ();
  32.             alert ("encontro   " + selText);
  33.         }
  34.     </script>
  35. </head>
  36.  
  37.    
  38.  
  39.     <input size="40" value="selecciona cualquier palabra del input y te daras cuenta que te muestra" onSelect="OnSelectInput (this)">
  40.                
  41.    
  42. </body>
  43. </html>
  #4 (permalink)  
Antiguo 02/09/2013, 10:55
Avatar de abimex
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: ~
Mensajes: 751
Antigüedad: 17 años
Puntos: 137
Respuesta: seleccionar una cosa del campo textarea y que lo se seleccione lo meta en

lo podrias hacer con jquery :P
__________________
>> abimaelmartell.com
  #5 (permalink)  
Antiguo 02/09/2013, 12:04
 
Fecha de Ingreso: agosto-2013
Mensajes: 99
Antigüedad: 10 años, 7 meses
Puntos: 3
Respuesta: seleccionar una cosa del campo textarea y que lo se seleccione lo meta en

Hola jor , Usando jquery .

dentro de la etiqueta<head> poner la libreria

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

o la descargas de aca http://jquery.com/

Podrias hacer esto
<textarea name="" cols="" rows="" id="textarea">/*le puse un id textarea*/
la casa
la rosa
el prerro
</textarea>
<div id="meterContenidoSeleccionado"></div>

Código HTML:
<script>

   var textarea=$("#textarea").val();/*Capturo el valor de textarea en una variable*/

$("#meterContenidoSeleccionado").html(textarea); /*Dentro de meter contenido agregue el valor de textarea*/

</script> 
  #6 (permalink)  
Antiguo 02/09/2013, 14:38
Avatar de jor_0203  
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 8
Respuesta: seleccionar una cosa del campo textarea y que lo se seleccione lo meta en

Cita:
Iniciado por lilmaster Ver Mensaje
Hola jor , Usando jquery .

dentro de la etiqueta<head> poner la libreria

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

o la descargas de aca http://jquery.com/

Podrias hacer esto
<textarea name="" cols="" rows="" id="textarea">/*le puse un id textarea*/
la casa
la rosa
el prerro
</textarea>
<div id="meterContenidoSeleccionado"></div>

Código HTML:
<script>

   var textarea=$("#textarea").val();/*Capturo el valor de textarea en una variable*/

$("#meterContenidoSeleccionado").html(textarea); /*Dentro de meter contenido agregue el valor de textarea*/

</script> 
muy interesante
es bueno tener ejemplos diferentes
buen aporte
solo necesito probarlo

Etiquetas: campo, meta, textarea
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:11.