Advertisement
Guest User

HTML

a guest
May 7th, 2011
147
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.89 KB | None | 0 0
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DynamicControls.aspx.cs" Inherits="Dynamic.DynamicControls" %>
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head runat="server">
  7.     <title>Dynamic Controls</title>
  8.  
  9.     <script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
  10.     <script src="js/jquery-ui-1.8.12.custom.min.js" type="text/javascript"></script>
  11.  
  12.     <script type="text/javascript">
  13.         $(function () {
  14.             $(".LabelClass").draggable();
  15.  
  16.             $("#addLabelButton_HTML").click(function () {
  17.                 var configTextBox = document.getElementById("configTextBox");
  18.                 configTextBox.value = "";
  19.  
  20.                 $("#Container").children().each(function () {
  21.                     var labelID = $(this).attr("id");
  22.                     var TopLeft = getElementTopLeft(labelID);
  23.                     var labelConfig = TopLeft.top + " " + TopLeft.left + " " + $(this).height() + " " + $(this).width() + " ";
  24.                     configTextBox.value += labelConfig;
  25.                 });
  26.  
  27.                 $("#addLabelButton_ASP_NET").click();
  28.             });
  29.         });
  30.  
  31.         function getElementTopLeft(id) {
  32.  
  33.             var ele = document.getElementById(id);
  34.             var top = 0;
  35.             var left = 0;
  36.  
  37.             while (ele.tagName != "BODY") {
  38.                 top += ele.offsetTop;
  39.                 left += ele.offsetLeft;
  40.                 ele = ele.offsetParent;
  41.             }
  42.  
  43.             return { top: top, left: left };
  44.         };
  45.     </script>
  46. </head>
  47.  
  48. <body>
  49.     <form id="form1" runat="server">
  50.     <div>
  51.         <input id="addLabelButton_HTML" type="button" value="Add Label" />
  52.         <asp:Button ID="addLabelButton_ASP_NET" runat="server" style="display: none" onclick="addLabelButton_Click" />
  53.         <br />
  54.         <asp:Label ID="configLabel" runat="server" Text="Label">
  55.             Configuration:<asp:TextBox ID="configTextBox" runat="server"></asp:TextBox>
  56.         </asp:Label>
  57.     </div>
  58.  
  59.     <div id="Container" runat="server">
  60.  
  61.     </div>
  62.  
  63.     </form>
  64. </body>
  65. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement