<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
</head>
<body bgcolor="#ffffff" text="#000000">
<pre class="lang-css prettyprint"><code><span class="pun"></span><span class="pun">Hi all,
Sorry if this is a re-post, I can't see my posts coming through the list yet....
I have an openlayers map and I have positioned a div to sit inside/over the map component.
This works fine, however when dragging the map, if the mouse moves through/over the div the drag action is terminated.
How can I avoid the drag action from terminating?
I know this is possible because many openlayers controls do the same however I can't track down the code to enable this feature.
thanks, p.
</span></code><code><span class="pun"><!</span><span class="pln">DOCTYPE HTML PUBLIC </span><span class="str">"-//W3C//DTD HTML 4.0 Transitional//EN"</span><span class="pun">></span><span class="pln">
</span><span class="pun"><</span><span class="pln">html</span><span class="pun">></span><span class="pln">
</span><span class="pun"><</span><span class="pln">head</span><span class="pun">></span><span class="pln">
</span><span class="pun"><</span><span class="pln">script type</span><span class="pun">=</span><span class="str">"text/javascript"</span><span class="pln"> src</span><span class="pun">=</span><span class="str"><a class="moz-txt-link-rfc2396E" href="http://www.openlayers.org/api/OpenLayers.js">"http://www.openlayers.org/api/OpenLayers.js"</a></span><span class="pun">></</span><span class="pln">script</span><span class="pun">></span><span class="pln">
</span><span class="pun"><</span><span class="pln">script type</span><span class="pun">=</span><span class="str">"text/javascript"</span><span class="pln"> src</span><span class="pun">=</span><span class="str"><a class="moz-txt-link-rfc2396E" href="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js">"https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"</a></span><span class="pun">></</span><span class="pln">script</span><span class="pun">></span><span class="pln">
</span><span class="pun"></</span><span class="pln">head</span><span class="pun">></span><span class="pln">
</span><span class="pun"><</span><span class="pln">body</span><span class="pun">></span><span class="pln">
</span><span class="pun"><</span><span class="pln">div id</span><span class="pun">=</span><span class="str">"map"</span><span class="pln"> style</span><span class="pun">=</span><span class="str">"margin:0px; width:300px; height:200px;"</span><span class="pun">></</span><span class="pln">div</span><span class="pun">></span><span class="pln">
</span><span class="pun"><</span><span class="pln">div id</span><span class="pun">=</span><span class="str">"overlay"</span><span class="pln"> style</span><span class="pun">=</span><span class="str">"position:absolute; width:100px; height:75px; border:1px solid red; background-color:white; z-index:5000; text-align:center;"</span><span class="pun">></span><span class="pln">I want to drag through this</span><span class="pun"></</span><span class="pln">div</span><span class="pun">></span><span class="pln">
</span><span class="pun"><</span><span class="pln">script type</span><span class="pun">=</span><span class="str">"text/javascript"</span><span class="pun">></span><span class="pln">
</span><span class="pun">//</span><span class="pln"> create map
var map </span><span class="pun">=</span><span class="pln"> new OpenLayers</span><span class="pun">.</span><span class="pln">Map</span><span class="pun">(</span><span class="str">"map"</span><span class="pun">,</span><span class="pln"> </span><span class="pun">{</span><span class="str">"maxResolution"</span><span class="pun">:</span><span class="lit">0.703125</span><span class="pun">});</span><span class="pln">
map</span><span class="pun">.</span><span class="pln">addLayers</span><span class="pun">([</span><span class="pln">new OpenLayers</span><span class="pun">.</span><span class="pln">Layer</span><span class="pun">.</span><span class="pln">WMS</span><span class="pun">(</span><span class="str">"World Map"</span><span class="pun">,</span><span class="pln"> </span><span class="str"><a class="moz-txt-link-rfc2396E" href="http://labs.metacarta.com/wms-c/Basic.py?">"http://labs.metacarta.com/wms-c/Basic.py?"</a></span><span class="pun">,</span><span class="pln"> </span><span class="pun">{</span><span class="kwd">layers</span><span class="pun">:</span><span class="str">"basic"</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">format</span><span class="pun">:</span><span class="str">"image/png"</span><span class="pun">})]);</span><span class="pln">
map</span><span class="pun">.</span><span class="pln">zoomToMaxExtent</span><span class="pun">();</span><span class="pln">
</span><span class="pun">//</span><span class="pln"> put div over map
Position</span><span class="pun">.</span><span class="pln">clone</span><span class="pun">($(</span><span class="str">"map"</span><span class="pun">),</span><span class="pln"> </span><span class="pun">$(</span><span class="str">"overlay"</span><span class="pun">),</span><span class="pln"> </span><span class="pun">{</span><span class="kwd">offsetLeft</span><span class="pun">:</span><span class="lit">100</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">offsetTop</span><span class="pun">:</span><span class="lit">62.5</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">setWidth</span><span class="pun">:</span><span class="pln">false</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">setHeight</span><span class="pun">:</span><span class="pln">false</span><span class="pun">});</span><span class="pln">
</span><span class="pun"></</span><span class="pln">script</span><span class="pun">></span><span class="pln">
</span><span class="pun"></</span><span class="pln">body</span><span class="pun">></span><span class="pln">
</span><span class="pun"></</span><span class="pln">html</span><span class="pun">></span></code>
</pre>
</body>
</html>