.NET Framework Bookmark and Share   
 index > JScript for the .NET Framework > Drag and Drop image
 

Drag and Drop image

Hi.
i need something like users can upload their image.and can drag an drop the small images on their uploaded image(with cloning).and save the merged image in application folder. I am new for Jscript. I want to do it in Asp.Net WebApplication.
I know C# and asp.net.
Greatful for help!

sundar53

Hi sundar53,

If you would like to drag and drop the images with jscript, you can try to consider using DHTML API and checking out this article for details - http://www.walterzorn.com/dragdrop/dragdrop_e.htm

Some sample codes as follows:

Code Block

<body>
<script src="http://www.walterzorn.com/scripts/wz_dragdrop.js"></script>

<img name="name1" src="someImg.jpg" width=240 height=135>

<script>SET_DHTML("name1")</script>
</body>

Besides, here is another article about "How to Drag and Drop in JavaScript"for your reference - http://www.webreference.com/programming/javascript/mk/column2/

Hope this helps,

Regards,

This response contains links reference to a third party World Wide Web site. Microsoft is providing this information as a convenience to you.
Microsoft does not control these sites and has not tested any software or information found on these sites; therefore, Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there.
There are inherent dangers in the use of any software found on the Internet, and Microsoft cautions you to make sure that you completely understand the risk before retrieving any software from the Internet.

Ji Cheng Wang - MSFT

Hi sundar53,

If you would like to drag and drop the images with jscript, you can try to consider using DHTML API and checking out this article for details - http://www.walterzorn.com/dragdrop/dragdrop_e.htm

Some sample codes as follows:

Code Block

<body>
<script src="http://www.walterzorn.com/scripts/wz_dragdrop.js"></script>

<img name="name1" src="someImg.jpg" width=240 height=135>

<script>SET_DHTML("name1")</script>
</body>

Besides, here is another article about "How to Drag and Drop in JavaScript"for your reference - http://www.webreference.com/programming/javascript/mk/column2/

Hope this helps,

Regards,

This response contains links reference to a third party World Wide Web site. Microsoft is providing this information as a convenience to you.
Microsoft does not control these sites and has not tested any software or information found on these sites; therefore, Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there.
There are inherent dangers in the use of any software found on the Internet, and Microsoft cautions you to make sure that you completely understand the risk before retrieving any software from the Internet.

Ji Cheng Wang - MSFT

I am looking for the solution ...Sundar if you get the solution could you please share the same?

I too want to drag and drop the small pics on top of a large pic and save it and later allow userto drag and move the pics to other positions and save.

any help appreciated.

Thanks.

Sat

dodsatya
Hi all,

Did anyone find a solution to the 'how to save' aspect of this post??

Cheers
Anthony
Tonyk28

You can use google to search for other answers

Custom Search

More Threads

• javaScript to validate fields.
• Google Maps, RegisterClientScriptBlock and getElementById
• IFrame not getting Created!
• DropDown Population Thru JavaScript
• WScript.Shell, SendKeys, backslash & vista
• Button Server control OnClick Event opens a new IE
• Disable the confirmation message while refreshing in Firefox browser
• How to use xpath to an xml element with default namespaces in javascript?
• i want to open popup window
• Debugging ASP & Jscript