Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Drag n drop value

Posted on 2013-11-20
7
Medium Priority
?
344 Views
Last Modified: 2013-11-20
Normally if you drag an image to an input it will put the image src in the input.
Is there a way to intercept this and place the image id in the textbox instead?
Or if not an image then some other way to do a drag n drop of a value/id etc

Preferably without jQuery UI
0
Comment
Question by:Gary
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
7 Comments
 
LVL 44

Expert Comment

by:Chris Stanyon
ID: 39663368
Hey Gary,

I think you'll find this behaviours is specific to the OS and not the browser - certainly not HTML, so I think you'll struggle to hook into it.

Any specific reason you don't want to use jQueryUI - it's a breeze with that.
0
 
LVL 33

Assisted Solution

by:Big Monty
Big Monty earned 400 total points
ID: 39663376
using straight javascript, you could try using the onkeyup to detect the drag of some text. from there, it's just a matter of parsing out the string you want
0
 
LVL 58

Author Comment

by:Gary
ID: 39663394
I have found an example using the UI, I did say no UI but thinking about it, it is only for my backend so I can live with it.
This is what I found in the meantime and seems to work fine
http://jsfiddle.net/dv3EL/76/
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
LVL 44

Expert Comment

by:Chris Stanyon
ID: 39663427
You're not just limited to getting the ID - along with data attributes you can store whatever data you like and transfer that into your droppable :)
0
 
LVL 44

Accepted Solution

by:
Chris Stanyon earned 1600 total points
ID: 39663460
Not sure what your requirements are, but have a play with this:

http://jsfiddle.net/ChrisStanyon/6v5TK/
0
 
LVL 58

Author Closing Comment

by:Gary
ID: 39663583
Doesn't work in IE, but I can live with that.
0
 
LVL 44

Expert Comment

by:Chris Stanyon
ID: 39663609
Doesn't work in IE, but I can live with that.

Unfortunately, we all have to!!
0

Featured Post

Major Serverless Shift

Comparison of major players like AWS, Microsoft Azure, IBM Bluemix, and Google Cloud Platform

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

721 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