Drag and drop - ASP.NET

linkoln_7 · 19.11.2014, 22:22

Передвигаю кнопку вот таким способом ,но возникли некоторые вопросы,помогите разобраться,пожалуйста.

Код:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
<style type="text/css">
      
       .drag
       {
           position: absolute; 
           left: 223px;
            top:104px; 
            cursor: pointer;
            
            width: 78px;
             height: 56px; background-color: red;
           
           }
       
 
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    </div>
   
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
 
        <ContentTemplate>
            <asp:Button ID="Button1" runat="server" Text="Button" onmousedown="myFunc (event)"  style="position: absolute; left: 223px; top:104px; cursor: pointer;
            width: 78px; height: 56px; background-color: #ccc"  />
 
 
 
            &nbsp;<input id="Button2" type="button" value="button" onmousedown="myFunc (event)"  style="position: absolute; left: 123px; top:104px; cursor: pointer;
            width: 78px; height: 56px; background-color: #ccc"/>
 
     </ContentTemplate>
 
     </asp:UpdatePanel>
 
     <script type="text/javascript">
         var L, T;
         function myFunc(e) {
             var e = e || window.event, s = (e.srcElement || e.target).style; with (e)
                 L = (pageX ? pageX : clientX) - parseInt(s.left),
   T = (pageY ? pageY : clientY) - parseInt(s.top);
             with (document)
                 onmousemove = function (e) {
                     with (e || window.event) var l = pageX ? pageX : clientX,
                                   t = pageY ? pageY : clientY;
                     with (s) left = (l - L) + 'px', top = (t - T) + 'px';
                 },
   onmouseup = function () { with (document) onmousemove = onmouseup = '' }
         }
</script>
 
 
 

    
     </form>
 
</body>
</html>

Мне нужно реализовать это для динамически созданных кнопок

1)Как класс присвоить кнопке я знаю

Код:

bt.CssClass = "drag";,//bt динамическая кнопка

а как кнопке задать функцию. Ведь,чтобы двигалась кнопка мы должны ей в onMouseMove функцию js,обычно так это задавал

Код:

<asp:Button ID="Button6" onmousedown="myFunc (event)"  />

а как это задать в коде динамической кнопке?

Код:


bt.     = "myFunc (event)"

можно как нибудь так?

2)Мне нужно,что бы они двигались,но при нажатии на нее код не выполняется,так как OnClientClick="false" ,а можно как нибудь это иначе реализовать,что бы кнопка работала?без false кнопка не двигается

3)Еще какая то странность
Этот вариант работает

Код:



<asp:Button ID="Button5"   style="position: absolute; left: 323px; top:104px; cursor: pointer;
            width: 78px; height: 56px; background-color: #ccc"  onmousedown="myFunc (event)" runat="server" Text="Button" />

а Этот почему то нет,хотя css применяется цвет кнопки и расположение меняется,но не двигается.

Код:

<asp:Button ID="Button6" onmousedown="myFunc (event)"  CssClass="drag"  runat="server" Text="ggn" />

Заранее огромное спасибо,крайне Вам признателен.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
drag and drop c#	katbka	Помощь студентам	1	05.03.2012 05:09
Drag And Drop	Adyvan	C# (си шарп)	0	04.03.2012 06:27
drag and drop	kelty	Помощь студентам	0	11.09.2009 23:00
Нужна помощь (Drag-And-Drop & Drag-Abd-Dock))	Arkuz	Общие вопросы Delphi	1	18.04.2009 00:15
Drag and Drop	Xardas	Общие вопросы Delphi	8	20.01.2008 23:09