473,387 Members | 1,510 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

JavaScript Web Application with Drag and Drop - Easy to do?

Hi there,

I have been asked how easy it would be to develop a web application where by
I have a number of images on the left of the screen that could be dragged
and dropped onto a map on the centre of the screen and the position of where
the dragged item was dropped stored.

For example, imagine a game type puzzle which has a picture (cartoonish) of
a map of the world.
On the left hand side there are a number of flags - say 10. The user can
drag all the flags and place them on the screen. They are also able to
change their minds while doing this. Therefore as they move the flags
around, there is not actually interaction with the server - client side
only. When the user lifts the left mouse button the flag is dropped at its
current position.
Eventually the user presses the submit button when they are happy they have
matched the flags to the country positions and the data (where the flags are
position etc.) is sent to the server for processing.

Does that make more sense?

Does anyone have any examples of similar functionality that they have
developed?
Is this the sort of thing that (assuming a bit of JavaScript experience) one
could produce a demo of in say a day?

Thanks for any input on this matter.

Kind regards

Dave.
Feb 28 '06 #1
1 1342
David Smithz wrote:
Hi there,

I have been asked how easy it would be to develop a web application where by
I have a number of images on the left of the screen that could be dragged
and dropped onto a map on the centre of the screen and the position of where
the dragged item was dropped stored.
[...]
Does anyone have any examples of similar functionality that they have
developed?
Is this the sort of thing that (assuming a bit of JavaScript experience) one
could produce a demo of in say a day?


I imagine you could knock up a demo using the library at the link below
pretty quickly, but eventually you'd probaly want to write your own
stuff that suited your circumstance better.

<URL:http://www.walterzorn.com/dragdrop/dragdrop_e.htm>

--
Rob
Feb 28 '06 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Dave | last post by:
I need to add the ability to drag from a Windows Form and drop into a non dotNet application. For example, having a generated image in my app that I wish to drag out into explorer as a friendly way...
6
by: Ollie Riches | last post by:
I understand the use of Application.DoEvents() to process all outstanding messages on the message queue in a winforms application if you have long running process on the UI thread. But can anyone...
1
by: Robin Tucker | last post by:
Apologies for the ambiguous title, you will be expecting me to be asking how to perform drag and drop from my application into another application. Well, kind-of. I've got drag and drop sorted,...
0
by: James Allen Bressem | last post by:
Do drag n drop in VB.Net in ten lines of code - (too easy) I was searching through the MSDN documentation trying to figure out how to do drag n drop and I found a sample program. The sample...
0
by: Ellen | last post by:
Hi! Please point me to the correct discussion if I am off base. We are beta testing a new Dot Net Framework application that allows us to upload documents of different file types for online...
2
by: Charlie Brown | last post by:
Good day, I have been tasked with a new application that needs to show a graphical representation of boxes on a shelf. It needs to have the ability to rearrange the boxes of different sizes by...
3
by: crazystone82 | last post by:
Hi friends, i need to drag a file from desktop and drop into web page.actually i had did a JS for dragging the images around the web page,but i dont know how to drag the file and drop it into...
15
by: Prisoner at War | last post by:
Okay, I think I'll soon be getting all the JavaScript/CSS/DHTML- related "site mechanics" wrapped up...at least until I decide on real Ajax-style interactivity next year! But until then, I'd be...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.