I have been puzzling over this problem for a while. In short; if you
have a <a href> inside the div - if you drag the div by anywhere that
is affected by the <a> tag it will trigger the link when the mouse
button is released.

I think other people have been having this problem from a quick search
of the forum, but few seem to have resolved it.

Ive attempted to put some code that stops the click even - but it
doesnt seem to work.

The page is (originally) generated from a set of php scripts to pull
the information from a database - and as you can see from the source
im trying to do it in the most flexible way, with as  little as
possible hard coded.


Here is the page: http://tinyurl.com/sortable

here is my attempt at overriding the click:

<script type="text/javascript">
document.observe("dom:loaded", function() {
        $$('.lbOn').each(function(el) {
        var id = el.identify()


                new Sortable(id, {
                        onStart: function() {
                                Event.observe(id, 'click', stopClick);
                        },
                        onEnd : function() {
                                Event.stopObserving(id, 'click', stopClick);
                        },
                        revert: true
                });
        });
});

function stopClick(event) {
     Event.stop(event);
}
</script>


Many thanks for your brainwaves in advance.
--Mat

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" 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/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to