mouse_drag mouse drags should not activate links

[Ecnassianer]

I have my book set to mouse_drag.

When I grab a page to drag, and release the mouse button over nothing, all is good.

When I grab a page to drag, then release the mouse button over a link element, it opens the link. That's not good.

The way I interpret mouse gestures like click-to-scroll is that where I release my mouse on the screen doesn't matter, what matters is how far I've scrolled when I release my mouse.  The location of the mouse when I release it is determined by how far I scrolled the page, so it should not be treated as a user input.

I would like it very much if links were only activated when the distance between the mouse press and mouse release is very small.

[Ecnassianer]

I'm using full page ads that I want to be clickable, but I also want to use mouse drag. Having a bunch of accidental clicks on my ad pages poisons my CTR tracking, so I need a workaround. This nasty hack slightly reduces the amount of accidental clicks.

What I ended up going with was this python script:

Code: [Select]

page_width = 640
page_height = 720
box_width = 100
box_height = 100
URL = "INSERT_AD_URL_HERE"

h, w = 0, 0
while h < ( page_height + box_height ):
    while w < ( page_width + box_width ):
        print '<area width="' + str(box_width) + '" height="' + str(box_height) + '" left="' + str(w) + '" top="' + str(h) + '" url="' + URL + '" overlay="color(0,0,0)"/>'
        w += box_width
    w = 0
    h += box_height

That generates a block of xml that looks like this:

Code: (xml)

<area width="100" height="100" left="0" top="0" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="100" top="0" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="200" top="0" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="300" top="0" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="400" top="0" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="500" top="0" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="600" top="0" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="700" top="0" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="0" top="100" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="100" top="100" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="200" top="100" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="300" top="100" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="400" top="100" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="500" top="100" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="600" top="100" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="700" top="100" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="0" top="200" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="100" top="200" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="200" top="200" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="300" top="200" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="400" top="200" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="500" top="200" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="600" top="200" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="700" top="200" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="0" top="300" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="100" top="300" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="200" top="300" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="300" top="300" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="400" top="300" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="500" top="300" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="600" top="300" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="700" top="300" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="0" top="400" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="100" top="400" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="200" top="400" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="300" top="400" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="400" top="400" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="500" top="400" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="600" top="400" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="700" top="400" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="0" top="500" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="100" top="500" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="200" top="500" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="300" top="500" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="400" top="500" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="500" top="500" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="600" top="500" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="700" top="500" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="0" top="600" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="100" top="600" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="200" top="600" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="300" top="600" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="400" top="600" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="500" top="600" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="600" top="600" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="700" top="600" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="0" top="700" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="100" top="700" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="200" top="700" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="300" top="700" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="400" top="700" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="500" top="700" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="600" top="700" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="700" top="700" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="0" top="800" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="100" top="800" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="200" top="800" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="300" top="800" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="400" top="800" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="500" top="800" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="600" top="800" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>
<area width="100" height="100" left="700" top="800" url="INSERT_AD_URL_HERE" overlay="color(0,0,0)"/>

You can change the initial values of the script (like the URL variable) to generate new XML blocks. I'll be layering these on all my ad pages, essentially making the whole page clickable. BUT, with the code above, if a user moves thier mouse at most more than 141 pixels with the mouse button down, it won't register as a click on the ad. I'd like to make these boxes even smaller (really they should be about 10x10, so if the mouse moves 15 pixels it's not a click), but I also don't want to be adding many hundreds of lines to my .mz3 file.

A batcharea plugin based on batchpages would be a much better workaround.

[Florian Nücke]

Page content being interactive during drags/page turning was actually unintentional, I'm pretty sure it was blocked once, must have broken something somewhen. It's fixed again in the latest revision (410) and will be in 2.0.8.

[Ecnassianer]

I'm still having my original problem in 2.0.8.

There might be a misunderstanding about what I'm requesting.

I'm not talking about dragging pages to turn them (that works fine).

I don't like mouse_move to move my oversized book around. I changed the .... I forget it's name, the container the book is in, to use mouse_drag, so you can drag the book around by "grabbing" it with a click.

If the "grab" click and following click-release are over the same linked area, the link is activated.

This behavior is undesirable in my situation, but it also seems undesirable in any container where mouse_drag is used. The completion of the task to add a user preference to toggle mouse_move and mouse_drag will aggravate this even more, since publishers who default to mouse_move are unlikely to test and discover this undesirable behavior when a user selects mouse_drag.

[Florian Nücke]

Ah, now I see. I indeed misunderstood, thought that were two separate issues. Guess I'll look into that issue then.

// Edit: have a look at revision 416, should work now (i.e. normal clicks still work, but as soon as a drag takes place the clicks will be blocked).