Looks like this is a bug in OpenLayers.<br><br>It works fine in IE6 & IE7. Only FF shows this bug.<br><br>2 example pages show this working and not working:<br><br>Here is a slight adaptation of the examples/custom-control.html
file. The only difference from the original being that instead of alerting the results it displays them in a div immediately below the map div. It works perfectly. :)<br><a href="http://demo.jdi-consult.net/oltest/custom-control-box.html">
http://demo.jdi-consult.net/oltest/custom-control-box.html</a><br><br>In this example there is one further change from the example above. The handler has been changed from Box to Point. Now if you shift click the map the co-ords are displayed below the map as before, if you then shift click outside the map div the co-ords are recalculated and displayed. This should not happen! Further clicks outside the map do not trigger the handler.
<br><a href="http://demo.jdi-consult.net/oltest/custom-control-point.html">http://demo.jdi-consult.net/oltest/custom-control-point.html</a><br><br>Can someone please confirm this, is there a quick fix? Shall I add it to JIRA?
<br><br><br><br><div><span class="gmail_quote">
On 9/1/07, <b class="gmail_sendername">Tom (JDi Solutions)</b> <<a href="mailto:tom.dean@jdi-solutions.co.uk" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">tom.dean@jdi-solutions.co.uk</a>> wrote:
</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
I still can't work this one out, any help would be appreciated. Here's a live example:<br><br><a href="http://demo.jdi-consult.net/oltest/clickprob.html" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://demo.jdi-consult.net/oltest/clickprob.html</a><br><br>
When the map first loads you can click and hold to pan around. Select "get Co-Ords" and you can no longer pan that way, instead a click on the map displays the co-ordinates below the map. Now try to click on "navigate" in FF it will show the co-ordinates of the point you clicked, then on the second click it is possible to select "navigate".
<br><br>It works fine in IE6.<br><br>Can anyone help?<br><br>cheers,<br><span><br>Tom</span><div><span><br><br><br><div><span class="gmail_quote">On 8/31/07, <b class="gmail_sendername">
Tom (JDi Solutions)</b> <<a href="mailto:tom.dean@jdi-solutions.co.uk" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
tom.dean@jdi-solutions.co.uk</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Hi all,<br><br>I've been creating a handler based on the code here:
<a href="http://trac.openlayers.org/wiki/Handlers" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://trac.openlayers.org/wiki/Handlers</a> <br><br>What's supposed to happen is that the user clicks on the map and the co-ordinates are sent off to a web service which returns a polygon in WKT which is then plotted. That all works fine except that after the user has clicked the map once the next click anywhere in the map window will result in a further call to the web service and no response from any other control they may have clicked on,
e.g. a link or button. If the click was outside the map div the user is then able to click on any other controls on the page. If the click was in the map window the behaviour continues.<br><br>In the code below I can comment out everything in the sendpoint function so that it does nothing but the behaviour still persists,
i.e. the next click will not activate anything else within the browser window.<br><br>What's even more strange is that this actually works perfectly well in IE6 and this behaviour is observed in Firefox only which tells me I'm doing something very wrong. Firebug is not reporting any errors. I've not tried IE7 or other browser as yet.
<br><br>Any ideas anyone?<br><br>Here's some code:<br><br><span style="font-family: courier new,monospace;"> drawControls = {</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">
toidselect: new OpenLayers.Control()</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> };</span><br style="font-family: courier new,monospace;">
<br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> OpenLayers.Util.extend(drawControls['toidselect'], {</span><br style="font-family: courier new,monospace;">
<br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> draw: function () {</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">
this.point = new OpenLayers.Handler.Point( drawControls['toidselect'],</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> {"done":
this.sendpoint})</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> this.point.activate();</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">
},</span><br style="font-family: courier new,monospace;"><br style="font-family: courier new,monospace;"><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> sendpoint: function (point) {
</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> var xpoint = point.lon;</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">
var ypoint = point.lat;</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> if(!xpoint) {</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> xpoint = point.x;</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> ypoint =
point.y;</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> }</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">
</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> xmlhttp.open('get', 'polyselect.php?coords=' + xpoint + ',' + ypoint, true);
</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> xmlhttp.onreadystatechange = drawTOIDPolygon;</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> xmlhttp.send(null);</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> }</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"> });</span><br style="font-family: courier new,monospace;"><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> for(var key in drawControls) {
</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"> map.addControl(drawControls[key]);</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">
}</span><br><br>Thanks in advance,<br><br>Tom Dean<br>
</blockquote></div><br>
</span></div></blockquote></div><br>