VB.NET

VB.NET RSS

Drag and Drop

Please support our VB.NET advertiser: $4.95 a Month - ASP.NET Web Hosting – Click Here!

•

Join Date: Dec 2006

Posts: 20

Reputation: michael.ngobeni is an unknown quantity at this point

Solved Threads: 0

michael.ngobeni michael.ngobeni is offline

Offline

Newbie Poster

Drag and Drop

Dec 20th, 2006

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

•

Join Date: Feb 2003

Posts: 793

Reputation: Paladine has a spectacular aura about

Solved Threads: 26

Paladine

Offline

Master Poster

Re: Drag and Drop

Dec 21st, 2006

•

Originally Posted by michael.ngobeni

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 ??

Help with Code Tags

(Toggle Plain Text)


    '**************************************
    ' 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
    		}
    	}
    }

</SCRIPT>

Assistant Manager, Pharmacy Informatics
Wordpress Learning Blog
Updated : ASP.Net Login Code

•

Join Date: Dec 2006

Posts: 20

Reputation: michael.ngobeni is an unknown quantity at this point

Solved Threads: 0

michael.ngobeni michael.ngobeni is offline

Offline

Newbie Poster

Re: Drag and Drop

Dec 21st, 2006

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.

•

Originally Posted by Paladine

Something like this ??
Help with Code Tags

(Toggle Plain Text)
 
   '**************************************
    ' 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
            }
        }
    }
'************************************** ' 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<b></b>: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<b></b>: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 } } }
</SCRIPT>