Drag and Drop

Hi Guys,

I have an aspx page called Main.aspx which has several text boxes and a button.
When I click on this button, it opens up a popup window called SubMain.aspx

I want to drag and drop those text boxes from the Main.aspx page to this new popup window.

Is it possible in asp.net

Any code will be helpful, hopefully:cheesy:

Michael Ngobeni

michael.ngobeni

Newbie Poster

20 posts since Dec 2006

Reputation Points: 10

Solved Threads: 0

5 Years Ago

Hi Guys, I have an aspx page called Main.aspx which has several text boxes and a button. When I click on this button, it opens up a popup window called SubMain.aspx I want to drag and drop those text boxes from the Main.aspx page to this new popup window. Is it possible in asp.net Any code will be helpful, hopefully:cheesy: Michael Ngobeni

Something like this ??

'**************************************
    ' Name: Drag-and-Drop feature for Table 
    '     Rows
    ' Description:Simple code to allow drag-
    '     and-drop of records between 2 different 
    '     tables.
    ' By: ahWind
    '
    ' Assumes:Copy and paste the following c
    '     ode to an ASP Page. 
    To see the result, highlight a record from Table 1 Then drag over to Table 2 or vice-versa.
    '
    'This code is copyrighted and has    ' limited warranties.Please see http://w
    '     ww.Planet-Source-Code.com/vb/scripts/Sho
    '     wCode.asp?txtCodeId=7413&lngWId=4    'for details.    '**************************************
    
    <HTML>
    <BODY>
    <B><U>TABLE 1</U></B>
    <TABLE id="TABLE1" border=1>
    <% 
    For Row=1 To 4
    	Response.Write "<TR id='T1R" & Row & "' style='background-color:yellow' ondragstart='Javascript:FromCtrl=this' ondragover='fnClone(this)'>" 
    	For Col=1 To 3
    		Response.Write "<TD>T1R" & Row & "C" & Col & "</TD>"
    	Next
    	Response.Write "</TR>"
    Next
    %>
    </TABLE>
    <BR>
    <B><U>TABLE 2</U></B>
    <TABLE id="TABLE2" border=1>
    <% 
    For Row=1 To 4
    	Response.Write "<TR id='T2R" & Row & "' style='background-color:blue' ondragstart='Javascript:FromCtrl=this' ondragover='fnClone(this)'>" 
    	For Col=1 To 4
    		Response.Write "<TD>T2R" & Row & "C" & Col & "</TD>"
    	Next
    	Response.Write "</TR>"
    Next
    %>
    </TABLE>
    </BODY>
    </HTML>
    <SCRIPT>
    var FromCtrl 
    function fnClone(ToCtrl){	
    	if (FromCtrl != null) {
    		var FromTable	= FromCtrl.parentNode.parentNode
    		var ToTable		= ToCtrl.parentNode.parentNode
    		if (FromTable != ToTable) {
    			var NewRow		= ToTable.insertRow()						
    			var oCloneNode	= FromCtrl.cloneNode(true)
    			NewRow.swapNode(oCloneNode) 
    			
    			FromCtrl.removeNode(true)
    			FromCtrl = null
    		}
    	}
    }

Paladine

Master Poster

Team Colleague

824 posts since Feb 2003

Reputation Points: 211

Solved Threads: 27

5 Years Ago

Something like that.
I already had this code though.
This is one page. but I want to be able to drag from oen page to another.
I'm not too sure if this is possible on the browser.

Thanks for you help.
Something like this ??

'**************************************
    ' Name: Drag-and-Drop feature for Table 
    '     Rows
    ' Description:Simple code to allow drag-
    '     and-drop of records between 2 different 
    '     tables.
    ' By: ahWind
    '
    ' Assumes:Copy and paste the following c
    '     ode to an ASP Page. 
    To see the result, highlight a record from Table 1 Then drag over to Table 2 or vice-versa.
    '
    'This code is copyrighted and has    ' limited warranties.Please see http://w
    '     ww.Planet-Source-Code.com/vb/scripts/Sho
    '     wCode.asp?txtCodeId=7413&lngWId=4    'for details.    '**************************************
    
    <HTML>
    <BODY>
    <B><U>TABLE 1</U></B>
    <TABLE id="TABLE1" border=1>
    <% 
    For Row=1 To 4
        Response.Write "<TR id='T1R" & Row & "' style='background-color:yellow' ondragstart='javascript:FromCtrl=this' ondragover='fnClone(this)'>" 
        For Col=1 To 3
            Response.Write "<TD>T1R" & Row & "C" & Col & "</TD>"
        Next
        Response.Write "</TR>"
    Next
    %>
    </TABLE>
    <BR>
    <B><U>TABLE 2</U></B>
    <TABLE id="TABLE2" border=1>
    <% 
    For Row=1 To 4
        Response.Write "<TR id='T2R" & Row & "' style='background-color:blue' ondragstart='javascript:FromCtrl=this' ondragover='fnClone(this)'>" 
        For Col=1 To 4
            Response.Write "<TD>T2R" & Row & "C" & Col & "</TD>"
        Next
        Response.Write "</TR>"
    Next
    %>
    </TABLE>
    </BODY>
    </HTML>
    <SCRIPT>
    var FromCtrl 
    function fnClone(ToCtrl){    
        if (FromCtrl != null) {
            var FromTable    = FromCtrl.parentNode.parentNode
            var ToTable        = ToCtrl.parentNode.parentNode
            if (FromTable != ToTable) {
                var NewRow        = ToTable.insertRow()                        
                var oCloneNode    = FromCtrl.cloneNode(true)
                NewRow.swapNode(oCloneNode) 
 
                FromCtrl.removeNode(true)
                FromCtrl = null
            }
        }
    }

michael.ngobeni

Newbie Poster

20 posts since Dec 2006

Reputation Points: 10

Solved Threads: 0

5 Years Ago

Some other sources:

Using Javascript in ASP.NET:

http://www.codeproject.com/aspnet/drag_drop.asp

This article has been dead for over three months

You