how to get coordinates of dialog (or any floating window) ?

how to get coordinates of dialog (or any floating window) ?


Hi,
I am trying to find the position (coordinates) of dialog as I drag it.
I tried following code, looks like I am missing something basic. Can
somebody help ? ( I am using latest ui.dialog.js, downloaded today
27/3/2008).
<html>
<head>
<script type="text/javascript" src="lib/jquery/jquery.js"></script>
<script type="text/javascript" src="lib/jquery/
jquery.dimensions.js"></script>
<script type="text/javascript" src="lib/jquery/ui.dialog.js"></
script>
<script type="text/javascript" src="lib/jquery/ui.resizable.js"></
script>
<script type="text/javascript" src="lib/jquery/ui.mouse.js"></
script>
<script type="text/javascript" src="lib/jquery/ui.draggable.js"></
script>
<script type="text/javascript" src="lib/jquery/
ui.draggable.ext.js"></script>
<script>
$(document).ready(function(){
$("#example").dialog()({
drag: function (ev, ui) {
                    //$(this).position();
                    $(this).append(ui.position.left);
}
            });
});
</script>
</head>
<body>
<link rel="stylesheet" href="lib/jquery/themes/flora/
flora.all.css" type="text/css" media="screen" title="title">
<div id="example" class="flora" title="This is my title">hi</div>
</body>
</html>
-vinay