IE issues with drag/drop (script.aculo.us)

Posted by deb on Stack Overflow See other posts from Stack Overflow or by deb
Published on 2010-06-14T18:32:24Z Indexed on 2010/06/14 18:32 UTC
Read the original article Hit count: 176

Filed under:

prototype

|

scriptaculous

I have a page with a left and a right div. Inside each of these there are several divs. I can drag&drop them inside the left/right divs or move from one to the other

So the page is something like

........ ........ ........ ........

I am using scriptaculous and prototype for the drag&drop

If I drag in Firefox things work fine. In IE6-IE8 however I have 2 problems:

1) When I drag from left to right or the other way around, the inner divs do not keep their relative distances: the div I moved now overlaps with the div on the opposite side (if I do a reload of the page the divs are set correctly again)

2) If I shrink the window width below a certain width the divs either on the left or the right droppable disappear.

Any ideas?

deb

© Stack Overflow or respective owner

Related posts about prototype

Relation between [[Prototype]] and prototype in JavaScript

as seen on Stack Overflow - Search for 'Stack Overflow'
From http://www.jibbering.com/faq/faq_notes/closures.html : Note: ECMAScript defines an internal [[prototype]] property of the internal Object type. This property is not directly accessible with scripts, but it is the chain of objects referred to with the internal [[prototype]] property that is… >>> More
'click' observer in Prototype

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a page which contains several divs (each with a unique ID and the same class, 'parent'). Underneath each "parent" div, is a div with class "child" and unique ID name -child. This DIV is upon page load empty. Whenever you click on a parent DIV, the following code is executed. $$('div.parent')… >>> More
Javascript: prototype of Number

as seen on Stack Overflow - Search for 'Stack Overflow'
var x= 1; Number.prototype.test = function () { return this }; x.test() === x.test() // false Why does the === test return false? >>> More
equivalent of jQuery's "load" in prototype

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I am trying to find an equivalent for the following jQuery javascript: var x1 = setInterval(function() { $('#status').load("processor.php", {value:'name'} );}, 5000 ); I need to use Prototype for other applications on the page, and when I throw both jQuery and Prototype libraries in there… >>> More
Misunderstanding I have about javascript prototype inheritance

as seen on Stack Overflow - Search for 'Stack Overflow'
Simple questions. function p() { function A() { this.random = "random"; } A.prototype.newfunc = function(){ alert("5");} function B() { } B.prototype = new A(); var bObj = new B(); } Q1: When I… >>> More

Related posts about scriptaculous

Queueing Effect.Parallels in Scriptaculous doesn't work

as seen on Stack Overflow - Search for 'Stack Overflow'
Each block of animations, grouped in an Effect.Parallel, runs simultaneously. That works fine. Then, I want each of the Effect.Parallels to trigger sequentially, with a delay. The second block doesn't wait its turn. It fires when the function is run. Why?! ///// FIRST BLOCK ///// new… >>> More
How can I stop the flickering in Scriptaculous?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm running this script on a page which shows a box with more information when you roll over it. site for review The script works fine, except theres a flicker of the box before it actually scales. What is causing this? I use the same thing in the main navigation with the same flicking. Any ideas… >>> More
Prototype / Scriptaculous intellisense in Visual Studio

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, How do I get intellisense for Prototype / Scriptaculous like we get for jQuery in Visual Studio?? Thanks... >>> More
Rails, Scriptaculous, effect where one element pushes another out of the way

as seen on Stack Overflow - Search for 'Stack Overflow'
I really like the visual effect where a new element seems to push an old element out of the way. Pretty common thing recently. here is a static example. http://github.com/ However, I'm trying to do it with recently updated products. Also would like to use scriptaculous if at all possible with periodically_call_remote… >>> More
Generating scriptaculous ajax.autocompleter on the fly

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a form where the user can dynamically add a new table row with fields. I'm using a simple insertCell/InsertRow with innerHTML to generate the new row. One of those form fields is using scriptaculous' ajax.autocompleter. I have it generating new IDs for all the elements, but it is still not… >>> More