redimensionnable jquery chrome

Question

J'ai un problème que je veux faire un élément draggable et redimensionnable à la fois. Même après avoir laissé tomber l'étiquette, elle devrait être redimensionnable.

Quelques exemples de code

function DivMouseDown(id) 
{ 
    try { 
    jQuery('#'+ id).draggable({ 
    opacity: 0.5, 
    revert: 'invalid' 
    }); 
    } catch (e) { 
    alert ("exception in DIVmouse down: "+ e); 
    } 

    try { 
    jQuery('#droppable').droppable({ 
     drop: function(ev,ui) { 
     var type = jQuery(ui.draggable).attr("tagtype"); 
     id = jQuery(ui.draggable).attr("id"); 
     if(document.getElementById(id) != null) { 
      var tagStatus = document.getElementById(id).getAttribute('newtag'); 
      var idTemp = Math.floor(Math.random()*1000); 

      if(tagStatus == 'new') 
      { 
      //Create new div at the same place and replace this tag status. 
      var divId = document.getElementById(id); 
      divId.setAttribute('newtag','old'); 
      divId.setAttribute('id',idTemp); 
      CreateWorkboardDiv('html comment', type); 
      jsmarty = WMCreateSmartyObject(); 
      divValue = WMSmartyFetch(jsmarty, 'edit_menu.tpl'); 
      document.getElementById(divId.id).innerHTML = divValue; 
      jsmarty.clear_all_assign(); 
      //Open Edit box. 
      CollabobaTagCreate(divId.id,type,0);  
      } 
      else 
      { 
      //drag on board div. 
      //Nishima-10-09-09 
      var position = new Array(); 
      position['left'] = document.getElementById(id).offsetParent.offsetLeft + document.getElementById(id).offsetLeft; 
      position['top'] = document.getElementById(id).offsetParent.offsetTop + document.getElementById(id).offsetTop; 
      position['width'] = document.getElementById(id).offsetWidth; 
      position['height'] = document.getElementById(id).offsetHeight; 
      position['zindex'] = jQuery('#' + id).css('zIndex'); 
      var stickyid = document.getElementById(id).getAttribute('stickyId'); 
      UpdateStickyPosition(position,stickyid); 
      //Nishima-10-09-09 
      } 
     } 
     } 
    }); 
    } 
    catch (e) 
    { 
    alert ("exception in DIVmouse down: "+ e); 
    } 
} 

Quelqu'un peut-il me dire comment je peux faire mon reziable élément après sa chute. Dans la balise de code ci-dessus, glisser et déposer fonctionne parfaitement, mais que puis-je ajouter pour rendre l'élément redimensionnable également dans CHROME.

Merci

Answer 1

Regardez cette question: Custom Resizable Handles in JQuery UI