On 14-Jun-06, at 3:18 PM, david wrote:
> I'm working with the Drag & Drop example on the website, using the
> draggable.js script. I've got a function on my page that creates new
> DIV elements and then connects them to the Draggable functions so that
> the user can move them around the page.
>
> Everything works great to this point.
>
> The problem is that when I create the new DIV elements (using
> createDOM
> or standard Javascript functions), they are created and placed on a
> (seemingly) random position on the page.
>
> I want all new elements to start at position 0,0. Unfortunately,
> when I
> create the element and place it at 0,0, the dragging no longer
> works. I
> have tried explicitly setting the style.top/left properties on the new
> element as well as the setElementPosition() function. Both of these
> methods break the drag-ability of the new element.
>
> I'm guessing it is because the following is set on the element:
> style="top:0; left:0" which overrides the function in draggable.js
> which sets the location of the element. So I tried clearing the
> style.top and style.left properties of the element (after moving it to
> 0,0), but this moved the new element back to its initial starting
> point.
>
> Here's an code snippet:
>
> //Get reference to form
> var f = $("form1");
>
> //Create new <DIV> to hold text
> var textElement = createDOM("DIV");
> textElement.id="element_" + m_ElementCount;
> textElement.className="draggable red text";
>
> //Add text element to form
> f.appendChild(textElement);
>
> //Move element to 0,0
> setElementPosition(textElement,{x:0, y:0});
>
> //Make text element draggable
> connect(textElement, 'onmousedown', Drag.start);
David, could you please post a complete example (with HTML)?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"MochiKit" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at http://groups.google.com/group/mochikit
-~----------~----~----~----~------~----~------~--~---
