DaniWeb IT Discussion Community

Quote:

Originally Posted by michael.ngobeni (Post 291770)

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>

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