Aquí podría ser tu PUBLICIDAD


¿Cómo puedo hacer que un área de texto se pueda arrastrar? (es decir, inhibe la selección de texto, pero permite el posicionamiento del cursor)

votos
3

Tengo un área de texto que configuré como arrastrable, pero no es ... Los navegadores que probé (FireFox 3 y Safari 3 en OS X) creo que estoy tratando de seleccionar el texto dentro del área de texto (incluso es ninguno).

Me gustaría permitir hacer clic dentro del área de texto para posicionar el cursor para editar, pero un movimiento de arrastre debe ser manejado por jquery-ui.

Ejemplo html que no está haciendo lo que quiero a continuación ...

    <html>
    <head>
    <script type=text/javascript src=js/jquery-1.3.2.min.js></script>
    <script type=text/javascript src=js/jquery-ui-1.7.custom.min.js></script>
     <script type=text/javascript>
    $(function(){
            $(div).draggable();
            $(textarea).draggable();
    });
    </script>
    <style type=text/css>
    div {
            position:               fixed;
            top:                    100px;
            left:                   100px;
            width:                  100px;
            height:                 100px;
            background-color:       blue;
    }
    textarea {
            width:                  80%;
            height:                 80%;
            background-color:       yellow;
            resize:                 none;
    }
    </style>        
    </head>
    <body>
    <div>
    <textarea>Pirates spotted!</textarea>
    </div>
    </body>
    </html>
Publicado el 12/03/2009 a las 20:39
fuente por usuario Gilimanjaro
En otros idiomas...        العربية       

1 respuestas

votos
1

Puede considerar usar la biblioteca de diálogo jQuery-UI y colocar un área de texto dentro. Puede hacer que el diálogo sea arrastrable.

Respondida el 13/03/2009 a las 03:06
fuente por usuario james


Aquí podría ser tu PUBLICIDAD