what i am trying to do by combining right click and popup menu is to add a menu to my right click event so that there will be two options as "add point A" and "add point B" in this menu. then, when the user selects either of them, i will add a marker with the correct letter. (as in google maps)<br>
<br>thanks all in advance,<br><br>BR<br><br><div class="gmail_quote">2012/5/7 ismet bahadir <span dir="ltr"><<a href="mailto:ismetbahadir@gmail.com" target="_blank">ismetbahadir@gmail.com</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
Hello All,<br><br>i was investigating how to add the popup menu to the right click event. as of now, i found a code piece so that i can capture the coordinate of right click. i also found "OpenLayers.Popup" function. however, when i use ""OpenLayers.Popup"" function, the popup appears on top of the map. instead, i want it to appear at mouse cursor when the user right clicks. <br>
<br>i think i need to combine the right click event with the popup creation but since i am a total newbie with coding, i cannot do it. can anyone help me?<br><br>thanks.<br><br>this is my code<br><br>----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>
<br><!DOCTYPE html><br><html lang='en'><br><head><br><meta charset='utf-8' /><br><title>ismetb map</title><br><script type='text/javascript' src='OpenLayers.js'></script><br>
<script type='text/javascript'><br><br>var map;<br><br>function init() {<br>map = new OpenLayers.Map('map_element', {});<br>var wms = new OpenLayers.Layer.WMS(<br>'OpenLayers WMS',<br>'<a href="http://vmap0.tiles.osgeo.org/wms/vmap0" target="_blank">http://vmap0.tiles.osgeo.org/wms/vmap0</a>',<br>
{layers: 'basic'},<br>{}<br>);<br><br>map.addLayer(wms);<br>if(!map.getCenter()){<br>map.zoomToMaxExtent();<br>}<br>// Get control of the right-click event:<br>document.getElementById('map_element').oncontextmenu = function(e){<br>
e = e?e:window.event;<br> if (e.preventDefault) e.preventDefault(); // For non-IE browsers.<br> else return false; // For IE browsers.<br>};<br><br><br>// A control class for capturing click events...<br>OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, { <br>
<br>defaultHandlerOptions: {<br>'single': true,<br>'double': true,<br>'pixelTolerance': 0,<br>'stopSingle': false,<br>'stopDouble': false<br>},<br>handleRightClicks:true,<br>initialize: function(options) {<br>
this.handlerOptions = OpenLayers.Util.extend(<br>{}, this.defaultHandlerOptions<br>);<br>OpenLayers.Control.prototype.initialize.apply(<br>this, arguments<br>); <br>this.handler = new OpenLayers.Handler.Click(<br>this, this.eventMethods, this.handlerOptions<br>
);<br>},<br>CLASS_NAME: "OpenLayers.Control.Click"<br><br>});<br><br><br>// Add an instance of the Click control that listens to various click events:<br>var oClick = new OpenLayers.Control.Click({eventMethods:{<br>
'rightclick': function(e) {<br>alert('rightclick at '+e.xy.x+','+e.xy.y);<br>},<br>//'click': function(e) {<br>//alert('click at '+e.xy.x+','+e.xy.y);<br>//},<br>//'dblclick': function(e) {<br>
//alert('dblclick at '+e.xy.x+','+e.xy.y);<br>//},<br>//'dblrightclick': function(e) {<br>//alert('dblrightclick at '+e.xy.x+','+e.xy.y);<br>//}<br>}});<br>map.addControl(oClick);<br>
oClick.activate();<br><br>}<br><br> </script><br></head><br><br><body onload='init();'><br><div id='map_element' style='width: 400px; height: 400px;'><br></div><br></body><br>
</html><br><br>----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>
and this is popup example:<br><br><blockquote><pre><span>popup </span><span>=</span><span> </span><span>new</span><span> </span><span>OpenLayers</span><span>.</span><span>Popup</span><span>(</span><span>"chicken"</span><span>,</span><span><br>
</span><span>new</span><span> </span><span>OpenLayers</span><span>.</span><span>LonLat</span><span>(</span><span>5</span><span>,</span><span>40</span><span>),</span><span><br>
</span><span>new</span><span> </span><span>OpenLayers</span><span>.</span><span>Size</span><span>(</span><span>200</span><span>,</span><span>200</span><span>),</span><span><br>
</span><span>"example popup"</span><span>,</span><span><br> </span><span>true</span><span>);</span><span><br>
<br>map</span><span>.</span><span>addPopup</span><span>(</span><span>popup</span><span>);<br><br><br></span></pre></blockquote><br>
</blockquote></div><br>