Question

I have created a table using mootools sortables to implement drag and drop functionality.
Inside my table some of the columns has hyperlink and textboxes.When I click on hyperlink/input box it always calls Sortable’s callback like onComplete.

How do I make hyperlink/input Elements working inside Sortable.I have tried to use handle property of Sortable but problem with this property is that it takes only one element.If I have to use multiple columns of of row as handle then what I need to do ?Do I have any hope ?

Thanks in advance.

Answer 1

I was able to solve the problem by adding following code in domready to prevent event bubbling.

    document.getElements("a").addEvents({
        click: function(e) {
            if (!e) var e = window.event;
                e.cancelBubble = true;
            if (e.stopPropagation) 
                e.stopPropagation();
        }
    });