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

jor_0203 · #1 (**permalink**) 22/08/2013, 10:57

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<textarea name="" cols="" rows="">
la casa 
la rosa 
el prerro
</textarea>
<div id="meterContenidoSeleccionado"></div>

es decir si selecciono la palabra la casa lo meta en
el div

jor_0203 · #2 (**permalink**) 23/08/2013, 06:20

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

Código HTML:

Ver original<div>
la casa 
la rosa 
el prerro
</div>
<div id="meterContenidoSeleccionado"></div>

es decir si selecciono la palabra la casa lo meta en
el div

jor_0203 · #3 (**permalink**) 02/09/2013, 05:52

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<!DOCTYPE html>
<html>
<head>
    <title>onselect event example</title>
    
    <script type="text/javascript">
        function GetSelectedText () {
            var selText = "";
            if (window.getSelection) {  // all browsers, except IE before version 9
                if (document.activeElement && 
                        (document.activeElement.tagName.toLowerCase () == "textarea" || 
                         document.activeElement.tagName.toLowerCase () == "input")) 
                {
                    var text = document.activeElement.value;
                    selText = text.substring (document.activeElement.selectionStart, 
                                              document.activeElement.selectionEnd);
                }
                else {
                    var selRange = window.getSelection ();
                    selText = selRange.toString ();
                }
            } 
            else {
                if (document.selection.createRange) {       // Internet Explorer
                    var range = document.selection.createRange ();
                    selText = range.text;
                }
            }
            return selText;
        }
 
        function OnSelectInput (input) {
            selText = GetSelectedText ();
            alert ("encontro   " + selText);
        }
    </script>
</head>
<body>
 
    
 
    <input size="40" value="selecciona cualquier palabra del input y te daras cuenta que te muestra" onSelect="OnSelectInput (this)">
                
    
</body>
</html>

abimex · #4 (**permalink**) 02/09/2013, 10:55

lo podrias hacer con jquery :P

lilmaster · #5 (**permalink**) 02/09/2013, 12:04

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>

jor_0203 · #6 (**permalink**) 02/09/2013, 14:38

Cita:

Iniciado por lilmaster

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