I am using the drag and drop script found here, http://script.aculo.us/. Yes i know its a hog. Anyways, i am using the script pretty much out the box with link in the sortable div. My issue is that when clicking on a link, if you at all move the mouse, its sorts to the direction you ever so slightly moved. This is driving me nuts. I have tried to add pausing functions here and there trying to create a couple millisecond pause before dragging so the click can take effect, but i have had no luck.
Can anyone suggest a way to alter the script, so that if i click on the link in the div, it wont drag before the href is called. Thanks. Here's my example code.
Code:
<div id="page">
<?php /* div sits in a TD cell. div ID can be anything alphanumeric. HTML inside DIV is ok. */ ?>
<div id="group" class="section">
<h3 class="handle">Group 1</h3>
<?php /* div ID can be anything alphanumeric, after *item_*. HTML inside DIV is ok. */ ?>
<div id="item_1" class="lineitem"><a href="index.php">Item 1</a></div>
<div id="item_2" class="lineitem"><a href="index.php">Item 2</a></div>
<div id="item_3" class="lineitem"><a href="index.php">Item 3</a></div>
<div id="item_4" class="lineitem"><a href="index.php">Item 4</a></div>
<div id="item_5" class="lineitem"><a href="index.php">Item 5</a></div>
</div>
</div>
<script type="text/javascript">
// <![CDATA[
/* add each ID from group level div. */
sections = ['group'];
/* this watches for event changes like drag and drop action */
Event.observe(window,'load',init,false);
function init() {
/* add a sortable.create for each group level div */
Sortable.create('group',{tag:'div', dropOnEmpty: true, containment: sections, only:'lineitem'});
}
/* add sortable.create for *page* div */
Sortable.create('page',{tag:'div',only:'section',handle:'handle'});
// ]]>
</script>
|
