Drag and Drop

Please support our VB.NET advertiser: Intel Parallel Studio Home
Reply

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

 
0
  #1
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
Reply With Quote Quick reply to this message  
•
•
Join Date: Feb 2003
Posts: 793
Reputation: Paladine has a spectacular aura about Paladine has a spectacular aura about Paladine has a spectacular aura about 
Solved Threads: 27
Team Colleague
Paladine's Avatar
Paladine Paladine is offline Offline
Master Poster

Re: Drag and Drop

 
0
  #2
Dec 21st, 2006
•
•
•
•
Originally Posted by michael.ngobeni View Post
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
    		}
    	}
    }

</SCRIPT>
Assistant Manager, Pharmacy Informatics
Wordpress Learning Blog
Updated : ASP.Net Login Code
Reply With Quote Quick reply to this message  
•
•
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

 
0
  #3
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 View Post
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
            }
        }
    }

</SCRIPT>
Reply With Quote Quick reply to this message  
•
•
Join Date: Feb 2003
Posts: 793
Reputation: Paladine has a spectacular aura about Paladine has a spectacular aura about Paladine has a spectacular aura about 
Solved Threads: 27
Team Colleague
Paladine's Avatar
Paladine Paladine is offline Offline
Master Poster

Re: Drag and Drop

 
0
  #4
Dec 21st, 2006
Some other sources:

Using Javascript in ASP.NET:

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

Similar Thread:

http://www.daniweb.com/techtalkforums/thread25903.html

Other links

http://www.codeproject.com/shell/explorerdragdrop.asp


http://www.codeproject.com/useritems...op_Part-1_.asp
Assistant Manager, Pharmacy Informatics
Wordpress Learning Blog
Updated : ASP.Net Login Code
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the VB.NET Forum
Thread Tools Search this Thread



Tag cloud for VB.NET
.net .net2008 2008 access add advanced application array basic beginner browser button buttons center click client code combo convert cpu cuesent data database datagrid datagridview date datetimepicker designer dissertation dissertations dissertationtopic eclipse employees excel exists filter forms function html images listview map mobile module msaccess mysql net number objects open page pan panel pdf picturebox picturebox2 port position print printing printpreview problem read regex reuse right-to-left save search serial settings shutdown socket sorting sqldatbase sqlserver storedprocedure textbox timer timespan transparency txttoxmlconverter usercontol vb vb.net vb2008 vba vbnet vista visual visualbasic visualbasic.net visualstudio.net web webbrowser winforms winsock wpf wrapingcode xml year
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC