Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DynamicControls.aspx.cs" Inherits="Dynamic.DynamicControls" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title>Dynamic Controls</title>
- <script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
- <script src="js/jquery-ui-1.8.12.custom.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(function () {
- $(".LabelClass").draggable();
- $("#addLabelButton_HTML").click(function () {
- var configTextBox = document.getElementById("configTextBox");
- configTextBox.value = "";
- $("#Container").children().each(function () {
- var labelID = $(this).attr("id");
- var TopLeft = getElementTopLeft(labelID);
- var labelConfig = TopLeft.top + " " + TopLeft.left + " " + $(this).height() + " " + $(this).width() + " ";
- configTextBox.value += labelConfig;
- });
- $("#addLabelButton_ASP_NET").click();
- });
- });
- function getElementTopLeft(id) {
- var ele = document.getElementById(id);
- var top = 0;
- var left = 0;
- while (ele.tagName != "BODY") {
- top += ele.offsetTop;
- left += ele.offsetLeft;
- ele = ele.offsetParent;
- }
- return { top: top, left: left };
- };
- </script>
- </head>
- <body>
- <form id="form1" runat="server">
- <div>
- <input id="addLabelButton_HTML" type="button" value="Add Label" />
- <asp:Button ID="addLabelButton_ASP_NET" runat="server" style="display: none" onclick="addLabelButton_Click" />
- <br />
- <asp:Label ID="configLabel" runat="server" Text="Label">
- Configuration:<asp:TextBox ID="configTextBox" runat="server"></asp:TextBox>
- </asp:Label>
- </div>
- <div id="Container" runat="server">
- </div>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement