Questions tagged [html5-draggable]

HTML5 draggable is one of the HTML5 feature which allows users to drag and drop any element inside the page.

HTML5 draggable is a markup attribute that powers the Drag and Drop API; When set on an element like so "draggable="true"", it becomes an object that can be dragged and dropped across the ui, by the user.

82 questions
0
votes
2 answers

addEventListener to an article element in Javascript

I am trying to addEventListener to all article elements so when they are clicked it turns them into a draggable element. I'm not using jQuery on this task. Attempt 1: document.getElementsByTagName("ARTICLE").addEventListener('click',…
0
votes
0 answers

HTML5 Drag & Drop 'dragover' event

I'm building a web app with functionality that resembles the floating panel functionality of popular software like Adobe Photoshop or Illustrator. I'm using the HTML5 Drag & Drop API to do so. First, to update the panel I'm dragging, I'm doing…
Nicky
  • 3,607
  • 6
  • 33
  • 64
0
votes
2 answers

Create Word Meaning HTML page using HMTL5 and compare answers from xml

I have a list of word and correspondingly meanings What i want is to design the page in HTML5 in the following manner : Also want to check the answers from xml file using javascript. But the problem here can be how do i get the draggable value…
vermaraj
  • 634
  • 3
  • 10
  • 34
0
votes
0 answers

d3.js chart interaction causes HTML5 drag and drop to stop working

I'm using HTML5 drag and drop to create some sortable tabs. Here's the exact code although it's Angular specific: https://stackoverflow.com/a/23443028/1267778 I have an svg chart using d3.js inside one of those tabs. The sortability works but when…
parliament
  • 21,544
  • 38
  • 148
  • 238
0
votes
1 answer

html canvas static objects disappear when another is dragged

I followed the tuturial on this site , which was recommenced, for creating draggable objects. Here is the code by itself. My goal is to create a game with a draggable item (the item used to make a decision) and three non-draggable shapes (the…
mo1248
  • 39
  • 1
  • 8
0
votes
1 answer

Can't get drop event to fire (and yes, I preventDefault()ed in dragover)

I'm working on an implementation of draggable HTML5 lists and running into trouble. Basically, whenever I drag over an element, I insert the element I'm dragging immediately before or after the element I just entered. This means that as you move the…
Becca Royal-Gordon
  • 17,541
  • 7
  • 56
  • 91
0
votes
1 answer

Combined Draggable, Resizeable and Aloha Editor ExtJS component

I am trying to create an Ext.Component, that I can use with Draggable, Resizable, Float and Aloha Editor. Currently I have tried: afterRender: function(me) { Aloha.jQuery('#' + me.myId).aloha(); …
1 2 3 4 5
6