enable drag helper on ui dialog

enable drag helper on ui dialog


Hi everyone
I have been using jQuery for a while now and i really like it although
some things bother me:
* It is not very lightweight in any way. For example; even a simple
dialog consists of a big bunch of elements with a lot of classes and
properties associated with them. Why is this the case when so many
things could have been a lot more compact and still achieve the same
result?
* Some things are missing around in the api. For example; if a widget
uses other features in jQuery (dialog uses draggable for example)
there is almost no documentation on how to manipulate the properties
of the inner jquery functionality. When I create my dialogs I might
want to take control of the draggable features of that dialog!
Even though, jQuery is a really fantastic library and I like it very
much!
The reason I am writing here is because I am using JQ in a really
heavy site development and I need some performance tips. By heavy I
mean that the site is really huge when it comes to the number of
active DOM elements and some things really slow the site down when
using JQ.
The thing I want to accomplish is to drag JQ dialogs while only
showing a dotted frame instead of dragging the whole dialog. When the
mouse button is released I want the dialog to move to the new
position. I also want the dotted frame to be of the same size as the
dialog. I dont know how to achieve this or where to begin.
Any help on this subject would be appreciated!
Thanks in advance!