Advertisement
Different55

Untitled

Mar 23rd, 2012
54
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.00 KB | None | 0 0
  1. $(document).ready(function() {
  2.  
  3. $('#dragThis').resizable({
  4. stop: function(event, ui) {
  5. var w = $(this).width();
  6. var h = $(this).height();
  7. var tr = $('#contentDiv');
  8. tr.each(function() {
  9. //alert( fields[$(this).index()] )
  10. $(this).height(h - 45);
  11. });
  12.  
  13.  
  14. console.log('StopEvent fired')
  15. console.log('Width:' + w);
  16. console.log('Height:' + h)
  17. }
  18. }).draggable(
  19. {
  20. containment: $('body'),
  21. drag: function() {
  22. var offset = $(this).offset();
  23. var offsetImage = $("#<%=dropHere.ClientID %>").offset();
  24. var xPos = offset.left;
  25. var yPos = offset.top;
  26.  
  27. $('#posX').text('x: ' + xPos);
  28. $('#posY').text('y: ' + yPos);
  29.  
  30. },
  31. stop: function() {
  32. var finalOffset = $(this).offset();
  33. var finalxPos = finalOffset.left;
  34. var finalyPos = finalOffset.top;
  35.  
  36. $('#finalX').text('Final X: ' + finalxPos);
  37. $('#finalY').text('Final X: ' + finalyPos);
  38. }
  39. });
  40.  
  41. <div class="dragThis" id="dragThis">
  42. <div class="content" id="contentDiv">
  43. <p>
  44. <asp:Label ID="lblContent" Width="2px" runat="server" Text="Label"></asp:Label>
  45. </p>
  46. </div>
  47. <div class="pointer">
  48. <div class="one">
  49. </div>
  50. <div class="two">
  51. </div>
  52. </div>
  53. </div>
  54.  
  55. $('#dragThis').resizable('destroy').draggable('destroy');
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement