jqueryを使用してdiv要素内の寸法を取得する方法

Question

私はドラッグ可能なdiv要素を持っていますが、div要素内にテキストボックスがあり、div要素をドラッグすると自動的にdiv私はテキストボックスのXとYの位置を取得する必要があるので、私はそれをどのようにするのですか？

これは私が今持っているものである：ここでは

http://jsfiddle.net/wWFpP/3/

は私の頌歌です：

<div class="demo"> 
      <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox> 
     </div> 

これはドラッグのために私のスクリプトです：

textareaがあるべき

<script> 
     $(function() { 
      $('.demo') 
     .draggable() 
     .resizable(); 
     }); 

    </script> 

Answer 1

仕様に応じて行と列の観点から指定されていますが、

#TextBox1 
{ 
    width: 100%; height: 100%; /* make the element resize */ 
} 
.demo 
{ 
    width: 150px; 
    height: 150px; 
    padding: 5px 10px 20px 4px; /* updated padding to make things look better */ 
    background-color: #ff8811; 
    position: absolute; 
    top: 150px; 
    left: 300px; 
} 

hereを参照してください。 Firefox、Chromeでテストされています。また

、あなたはXとY座標を取得する必要がある場合は、ドラッグ可能なあなたはにバインドすることができますstop方法ました：

$('.demo') 
    .draggable({ stop: function(event, ui) { 
     //get the textarea element and it's coordinates 
     var txt = $(this).find('textarea:first'); 
     var x = txt.offset().left; 
     var y = txt.offset().top; 
     alert('(' + x + ', ' + y +')'); 
    } }) 
    .resizable(); 

Answer 2

は何をしたいということですか？

http://jsfiddle.net/gmrcn/

編集：
http://jsfiddle.net/gmrcn/2/

#TextBox1 { 
    width: 100%; 
    height: 100%; /* edit: fixed @ comment */ 
}