Drag and drop picture from one web page to the next

Posted on 2005-04-26
Last Modified: 2010-04-07
Hi all, I've rated this one 250 points because I've searched through google and online web resources and can't find what I need - at this stage I'm not even sure if this can be done through web browsers or it's something that can only be achieved through developing an app. Anyway, here goes.

I have two web pages (opened in seperate browser windows), as follows:

1. Web Browser window 1(WBW1): my ASP page, with a form: one text input field and a submit button.

2. Web Browser window 2 (WBW2): any page from the web

What I would like to achieve is to be able to click on an image in WBW2, drag it across to the input field of WBW1, drop it in the form and have the html address of that picture appear in the input field.

Is this possible? When you try and do this now all that happens is that you get the image appearing in WBW1.

Hopefully I haven't been confusing in my explanation. Thanks for any assistance.
Question by:georgep7
    LVL 29

    Expert Comment

    >Is this possible?

    I'm sure it is not possible, however I'll be happy if I'm proved wrong.

    LVL 19

    Expert Comment

    Not possible. You don't change the web page in EITHER window, and that's the ONLY way you're going to make a change in the file that's on the web server.
    LVL 2

    Expert Comment

    you could accomplish this with, great difficulty, by hacking your browser.  You would need to add a flag to record the right mouse click status and then add some routine which is executed when the mouse begins to move.  If the right-button-flag is set when this routine is called then execute the routine that is called when you left click on a page and then again for choosing the properties option on the popup menu.  You would then need to read the url from the properties dialog and save this into some global variable ........ etc, etc.......... it would be very dificult, but not impossible.

    A simpler option is just to right click the image yourself and copy the url and paste it into your form :)
    LVL 2

    Accepted Solution

    forget what i just said........i just tried what you asked in my browser, Firefox, and it worked!

    just replace your browser with firefox, or possibly some other by mozilla.

    Author Comment

    AWESOME - thanks!

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    Turn A Profile Picture Into A Cartoon Using Photoshop And Illustrator This tutorial will teach you how to make a cartoon style image out of a regular picture. I have tried to keep the tutorial as simple as possible. I used Adobe CS4 for this tuto…
    Introduction In this tutorial, I'll explain how to create an animated progress meter in a wireframe prototype developed using Axure RP 7.0 - a leading prototyping tool for designing web sites and software. (For more information about Axure and gett…
    The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
    The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…

    729 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    17 Experts available now in Live!

    Get 1:1 Help Now