Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I had the same problem and didn't found a solution either. But I came up with a hack that seems to work. </p> <p>Since the onMouseUp handler doesn't seem to be able to cancel the click on a link with preventDefault or stopEvent or anything, we need to make the link cancel itself. This can be done by writing an onclick attribute which returns false to the a-tag when the drag begins, and removing it when the drag ends. </p> <p>And since the onDragEnd or onMouseUp handlers are run before the click is interpreted by the browser, we need to do some checking where the drag ends and which link is clicked and so on. If it ends outside the dragged link (we dragged the link so that the cursor isn't on the link anymore), we remove the onclick handler in the onDragEnd; but if it ends where the cursor is on the dragged link (a click would be initiated), we let the onclick-handler remove itself. Complicated enough, right?</p> <p>NOT COMPLETE CODE, but just to show you the idea:</p> <pre><code>// event handler that runs when the drag is initiated function onDragStart (args) { // get the dragged element // do some checking if it's a link etc // store it in global var or smth // write the onclick handler to link element linkElement.writeAttribute('onclick', 'removeClickHandler(this); return false;'); } // run from the onclick handler in the a-tag when the onMouseUp occurs on the link function removeClickHandler (element) { // remove click handler from self element.writeAttribute('onclick', null); } // event handler that runs when the drag ends function onDragEnds (args) { // get the target element // check that it's not the a-tag which we're dragging, // since we want the onclick handler to take care of that case if (targetElement !== linkElement) { // remove the onclick handler linkElement.writeAttribute('onclick', null); } } </code></pre> <p>I hope this gives you an idea of how this can be accomplished. As I said, this is not a complete solution, just explaining the concept. </p>
    singulars
    1. This table or related slice is empty.
    1. POCancel click event in the mouseup event handler
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USFredrik Boström
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POCancel click event in the mouseup event handler
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThis is by far the most intelligent and the most elegant solution here! Thanks for clearly explaining the concept.
      singulars
      1. PO
      1. USGyum Fox
    2. COI guess it's the least ugly workaround :). I guess I just find the general behavior of browsers in this case annoying. Thanks for the help.
      singulars
      1. PO
      1. USYaron
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload