UI Resizable

UI Resizable


Hello,
I have table with draggable and resizable colums, and i have done some
fixes to my own usage to version 1.7.2 so that all is functioning
correctly in all browsers
<table>
<tr>
<th class="ui-resizable ui-draggable ui-droppable">cell 1<div
class="ui-resizable-handle ui-resizable-e" unselectable="on" style="-
moz-user-select: none;"/></th>
<th class="ui-resizable ui-draggable ui-droppable">cell 2<div
class="ui-resizable-handle ui-resizable-e" unselectable="on" style="-
moz-user-select: none;"/></th>
</tr>
</table>
Fix 1. is for ui.resizable _mouseStart
bugfix for http://dev.jquery.com/ticket/1749
This bug fix get safari working badly.
So i changed it like that, note there is th element check if we are
adjusting table header
if ($.browser.msie && (el.is('.ui-draggable') || (/absolute/).test
(el.css('position'))) && event.target.parentNode.nodeName!='TH') {
el.css({ position: 'absolute', top: iniPos.top, left:
iniPos.left });
}
Fix 2. is for ui.resizabl _mouseCapture
This function check that event is from correct object?
It get always false, and i don't no why?
So i added second simple check, if we are in table header
if(handle == false && $.browser.msie &&
event.target.parentNode.nodeName=='TH'){
    //Compare classnames
    for(var i in this.handles) {
        if($(this.handles[i])[0].className == event.target.className)handle
= true;
    }
}
Maybe this help to add drag and resize functions to table with plain UI