2009-03-12 4 views
3

Ich habe ein Textfeld, das ich auf ziehbare gesetzt habe, aber es ist nicht ... Die Browser, die ich getestet habe (FireFox 3 und Safari 3 auf OS X) denke ich ' Ich versuche, den Text innerhalb des Textfelds auszuwählen (auch wenn es keinen gibt).Wie kann ich ein Textfeld ziehbar machen? (dh Textauswahl hemmen, aber Cursorpositionierung erlauben)

Ich würde gerne in das Textarea klicken, um den Cursor für die Bearbeitung zu positionieren, aber eine Ziehbewegung sollte von jquery-ui behandelt werden.

Beispiel html, die tun, ist nicht das, was ich unter will ...

<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> 

Antwort

1

Sie sich anschauen sollten die jQuery-UI-Dialog-Bibliothek und ein Textfeld positionieren innerhalb. Sie können den Dialog ziehbar machen.

Verwandte Themen