2009-03-12 13 views
3

J'ai un textarea que je l'ai mis à draggable, mais pas ... Les navigateurs que j'ai testé (FireFox 3 et Safari 3 sur Mac OS X) pense que je m essayant de sélectionner le texte à l'intérieur de la zone de texte (même s'il n'y en a pas).Comment créer une zone de texte glissable? (C.-à inhiber la sélection de texte, mais permettre le positionnement du curseur)

Je voudrais permettre de cliquer dans la zone de texte pour positionner le curseur pour l'édition, mais un mouvement glissant doit être manipulé par jquery-ui.

Exemple html qui ne fait pas ce que je veux ... ci-dessous

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

Répondre

1

Vous pouvez envisager d'utiliser la bibliothèque de dialogue jQuery-UI et positionner un textarea à l'intérieur. Vous pouvez faire glisser la boîte de dialogue.

Questions connexes