# How to override the behavior of Globe button click on server/client?

**URL:** <https://community.thinkgeo.com/t/how-to-override-the-behavior-of-globe-button-click-on-server-client/5537>\
**Category:** WebForms\
**Created:** [October 29, 2010, 2:16am UTC](https://community.thinkgeo.com/t/how-to-override-the-behavior-of-globe-button-click-on-server-client/5537 "2010-10-29T02:16:13Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anil2](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/a/7feea3/32.png) [@Anil2](https://community.thinkgeo.com/u/Anil2)\
**Post date:** [October 29, 2010, 2:16am UTC](https://community.thinkgeo.com/t/how-to-override-the-behavior-of-globe-button-click-on-server-client/5537/1 "2010-10-29T02:16:13Z")

</div>

Hi&nbsp;Thinkgeo,

On&nbsp;globe&nbsp;button&nbsp;click&nbsp;of&nbsp;the&nbsp;Zoom&nbsp;bar&nbsp;I&nbsp;want&nbsp;to&nbsp;override&nbsp;the&nbsp;behavior&nbsp;to&nbsp;zoom&nbsp;to&nbsp;features&nbsp;of&nbsp;a&nbsp;dynamic&nbsp;layer.

Is&nbsp;it&nbsp;possible&nbsp;to&nbsp;do&nbsp;from&nbsp;the&nbsp;server&nbsp;code&nbsp;when&nbsp;there&nbsp;is&nbsp;no&nbsp;such&nbsp;event&nbsp;defined&nbsp;for&nbsp;it?

How&nbsp;to&nbsp;do&nbsp;that&nbsp;using&nbsp;the&nbsp;Javascript&nbsp;function&nbsp;handler?

Regards,

Anil

---

<div class="post-metadata">

**Author:** ![Khalil](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/k/bc8723/32.png) [@Khalil](https://community.thinkgeo.com/u/Khalil)\
**Post date:** [October 31, 2010, 9:07pm UTC](https://community.thinkgeo.com/t/how-to-override-the-behavior-of-globe-button-click-on-server-client/5537/2 "2010-10-31T21:07:52Z")

</div>

&nbsp;

Hi,&nbsp;Anil  
&nbsp;  
Currently,&nbsp;we&nbsp;don’t&nbsp;provide&nbsp;server-side&nbsp;event&nbsp;support&nbsp;for&nbsp;the&nbsp;world&nbsp;icon.&nbsp;But&nbsp;you&nbsp;can&nbsp;easily&nbsp;get&nbsp;what&nbsp;you&nbsp;want&nbsp;on&nbsp;the&nbsp;client-side&nbsp;using&nbsp;the&nbsp;Javascript&nbsp;event&nbsp;handler&nbsp;for&nbsp;the&nbsp;globe&nbsp;button.&nbsp;If&nbsp;you&nbsp;are&nbsp;using&nbsp;the&nbsp;PanZoomBar&nbsp;control&nbsp;by&nbsp;default,&nbsp;please&nbsp;add&nbsp;the&nbsp;codes&nbsp;below&nbsp;to&nbsp;your&nbsp;ASP.NET&nbsp;page.  
&nbsp;&nbsp;&nbsp;&nbsp;\<script&nbsp;type="text/javascript"\>  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;OnMapCreating&nbsp;=&nbsp;function&nbsp;(map)&nbsp;{  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;OpenLayers.Control.PanZoomBar.prototype.buttonDown&nbsp;=&nbsp;function&nbsp;(evt)&nbsp;{  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(!OpenLayers.Event.isLeftClick(evt))&nbsp;{  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;switch&nbsp;(this.action)&nbsp;{  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"panup":  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.map.pan(0,&nbsp;-this.getSlideFactor("h"));  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"pandown":  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.map.pan(0,&nbsp;this.getSlideFactor("h"));  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"panleft":  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.map.pan(-this.getSlideFactor("w"),&nbsp;0);  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"panright":  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.map.pan(this.getSlideFactor("w"),&nbsp;0);  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"zoomin":  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.map.zoomIn();  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"zoomout":  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.map.zoomOut();  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"zoomworld":  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;Here,&nbsp;you&nbsp;can&nbsp;customize&nbsp;the&nbsp;behavior&nbsp;depent&nbsp;on&nbsp;your&nbsp;requirements.&nbsp;By&nbsp;default,&nbsp;it&nbsp;zooms&nbsp;to&nbsp;the&nbsp;max&nbsp;extent.  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.map.zoomToMaxExtent();  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;OpenLayers.Event.stop(evt);  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;&nbsp;&nbsp;&nbsp;\</script\>  
&nbsp;  
Here&nbsp;is&nbsp;some&nbsp;information&nbsp;about&nbsp;the&nbsp;client-side&nbsp;API&nbsp;for&nbsp;OpenLayers,&nbsp;and&nbsp;I&nbsp;guess&nbsp;it&nbsp;may&nbsp;help&nbsp;you.  
[dev.openlayers.org/releases/OpenLayers-2.10/doc/devdocs/files/OpenLayers/Map-js.html](http://dev.openlayers.org/releases/OpenLayers-2.10/doc/devdocs/files/OpenLayers/Map-js.html)  
For&nbsp;example,&nbsp;if&nbsp;you&nbsp;just&nbsp;want&nbsp;to&nbsp;zoom&nbsp;to&nbsp;a&nbsp;specific&nbsp;extent&nbsp;and&nbsp;you&nbsp;can&nbsp;call&nbsp;like&nbsp;the&nbsp;code&nbsp;below:  
this.map.zoomToExtent(new&nbsp;OpenLayers.Bounds(-125,&nbsp;-46,&nbsp;50,&nbsp;72));  
&nbsp;  
Please&nbsp;let&nbsp;us&nbsp;know&nbsp;if&nbsp;you&nbsp;have&nbsp;any&nbsp;problems&nbsp;about&nbsp;it.  
&nbsp;  
Thanks,  
&nbsp;  
Khalil