<div>Albert:</div>
<div>Maybe the problem is in your map file or in the hidden variables of your template.</div>
<div><br><br> </div>
<div><span class="gmail_quote">2006/8/1, Albert Anderson <<a href="mailto:bart_doggers@yahoo.com">bart_doggers@yahoo.com</a>>:</span>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">
<div>Hi,<br><br> I tried that code.  I didnt get it to work.  Here is my code.  Can you see if I need to do something else?  What else do I need?<br></script><br><br><font style="FONT-FAMILY: arial narrow" size="2">
<!-- Panning Javascript here --><br><script language="javascript" type="text/javascript"><br>  var mapheight = 417;<br>  var mapwidth = 309;<br>  var pansize = 0.75;<br><br>function pan(direction) {
<br>  var x,y;<br>  <br> if(direction== 'n') {<br>   x = (309-1)/2.0;<br>   y = 0 - (417 * pansize)/2.0;<br> } else if(direction== 'nw') {<br>   x = 0 - (309 * pansize)/2.0;<br>   y = 0 - (309 * pansize)/2.0;<br> } else if(direction== 'ne') {
<br>   x = (309-1) + (309 * pansize)/2.0;<br>   y = 0 - (417 * pansize)/2.0;<br> } else if(direction== 's') {<br>   x = (309-1)/2.0;<br>   y = (417-1) + (417 * pansize)/2.0;<br> } else if(direction== 'sw') {<br>   x = 0 - (309 * pansize)/2.0;
<br>   y = (417-1) + (417 * pansize)/2.0;<br> } else if(direction== 'se') {<br>   x = (309-1) + (309 * pansize)/2.0;<br>   y = (417-1) + (417 * pansize)/2.0;<br> } else if(direction== 'e') {<br>   x = (309-1) + (309 * pansize)/2.0;
<br>   y = (417-1)/2.0;<br> } else if(direction== 'w') {<br>   x = 0 - (309 * pansize)/2.0;<br>   y = (417-1)/2.0;<br>    }<br><br> document.mapserv.imgxy.value = x + " " + y;<br> document.mapserv.submit();  <br>
}        <br><br></script><br><br> <TABLE width="368"<br>                                    HEIGHT="460" BORDER="0" align="left" CELLPADDING="0" CELLSPACING="0">
<br><br>                                     <TBODY><br>                                        <TR><br>                                          <TD width="29" height="23" ALIGN="left"
<br>                                            VALIGN="top" BGCOLOR="#e7a500"><a href="javascript:pan('nw')"><img src="../images/cornerarrow5.gif" alt="pan nw" width="25" height="25" style="border-style:none"></a></TD>
<br>                                          <TD ALIGN="center" BGCOLOR="#e7a500"<br>                                            VALIGN="top"> <div align="center"><a href="javascript:pan('n')"><img src="../images/cornerarrow2.gif" alt="pan north" width="25" height="25" style="border-style:none"></a></div></TD>
<br>                                          <TD width="30" ALIGN="right"<br>                                            VALIGN="top" BGCOLOR="#e7a500"><a href="javascript:pan('ne')"><img src="../images/cornerarrow6.gif" alt="pan ne" width="25" height="25" style="border-style:none"></a></TD>
<br>                                        </TR><br><br>                                        <TR><br>                                          <TD ALIGN="LEFT" BGCOLOR="#e7a500"<br>                                            VALIGN="MIDDLE"><a href="javascript:pan('w')"><img src="../images/cornerarrow1.gif" alt="pan west" width="25" height="25" style="border-style:none"></a></TD>
<br>                                          <TD CLASS="mapappmidaln" ALIGN="center"<br>                                            HEIGHT="413" VALIGN="MIDDLE" WIDTH="309">
<br>                                             <br><!-- calling for map here --><br>                                              <input name="img" type="image" src="[img]" WIDTH="309" HEIGHT="417" BORDER="1" /></TD>
<br>                                          <TD ALIGN="right" BGCOLOR="#e7a500"<br>                                            VALIGN="MIDDLE"><div align="left"><a href="javascript:pan('e')"><img src="../images/cornerarrow3.gif" alt="pan east" width="25" height="25" style="border-style:none"></a></div></TD>
<br>                                        </TR><br>                                        <TR><br>                                          <TD height="21" ALIGN="left"<br>                                            VALIGN="bottom" BGCOLOR="#e7a500"><a href="javascript:pan('sw')"><img src="../images/cornerarrow8.gif" alt="pan sw" width="25" height="25" style="border-style:none"></a></TD>
<br>                                          <TD ALIGN="center" BGCOLOR="#e7a500"<br>                                            VALIGN="bottom"> <div align="center"><a href="javascript:pan('s')"><img src="../images/cornerarrow3gif.gif" alt="pan south" width="25" height="25" style="border-style:none"></a></div></TD>
<br>                                          <TD ALIGN="right" BGCOLOR="#e7a500"<br>                                            VALIGN="bottom"><a href="javascript:pan('se')"><img src="../images/cornerarrow7.gif" alt="pan se" width="25" height="25" style="border-style:none"></a></TD>
<br></table><br><br></font><br><br><b><i>Luis Treviño <<a onclick="return top.js.OpenExtLink(window,event,this)" href="mailto:ltrevinoh@GMAIL.COM" target="_blank">ltrevinoh@GMAIL.COM</a>></i></b> wrote: 
<blockquote style="PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: rgb(16,16,255) 2px solid"><br><br>
<div><span class="gmail_quote">2006/7/21, Albert Anderson <<a onclick="return top.js.OpenExtLink(window,event,this)" href="mailto:bart_doggers@yahoo.com" target="_blank">bart_doggers@yahoo.com</a>>:</span> 
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: rgb(204,204,204) 1px solid">
<div>Hi,<br><br> I figure out my images.  Does anyone have a _java script for using a image for panning.  I have images set for the corners of my map. I want to use them to pan.</div></blockquote>
<div> </div>
<div>You can use something like this, you have to handle your width and height of your image:</div>
<div>alto = height, ancho = width.</div>
<div>function paneo(direccion,alto,ancho) {<br>  var x,y;<br>  var pansize = 0.75;<br> if(direccion == 'n') {<br>   x = (ancho-1)/2.0;<br>   y = 0 - (alto * pansize)/2.0;<br> } else if(direccion == 'nw') {<br>   x = 0 - (ancho * pansize)/2.0; 
<br>   y = 0 - (ancho * pansize)/2.0;<br> } else if(direccion == 'ne') {<br>   x = (ancho-1) + (ancho * pansize)/2.0;<br>   y = 0 - (alto * pansize)/2.0;<br> } else if(direccion == 's') {<br>   x = (ancho-1)/2.0;<br>   y = (alto-1) + (alto * pansize)/2.0; 
<br> } else if(direccion == 'sw') {<br>   x = 0 - (ancho * pansize)/2.0;<br>   y = (alto-1) + (alto * pansize)/2.0;<br> } else if(direccion == 'se') {<br>   x = (ancho-1) + (ancho * pansize)/2.0;<br>   y = (alto-1) + (alto * pansize)/2.0; 
<br> } else if(direccion == 'e') {<br>   x = (ancho-1) + (ancho * pansize)/2.0;<br>   y = (alto-1)/2.0;<br> } else if(direccion == 'w') {<br>   x = 0 - (ancho * pansize)/2.0;<br>   y = (alto-1)/2.0;<br>    }<br> document.mapserv.imgxy.value
 = x + " " + y;<br> document.mapserv.submit();   <br>}        <br> </div><br>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: rgb(204,204,204) 1px solid">
<div>Anyother question, is there a _java script for images to  zoom-in and out?</div></blockquote>
<div>you can use the zoomdir and the zoom values within your template, like:</div>
<div><input type="hidden" name="zoom" value="-2"></div>
<div>
<div><input type="hidden" name="zoomdir" value="-1"></div>
<div>for a zoom out., so you can use radio buttons to manage this values</div>
<div> </div>
<div> </div></div>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: rgb(204,204,204) 1px solid">
<div>One more question, I have a refresh button and pan radio button, then we I click refresh to take a layer off it moves the projective image. Why? But when I am on zoomin radio button and click refresh it acts like its panning? Why? 
<br><br>Thanks,<br> </div>
<div><span>Albert <br></span></div>
<div><span>
<div>__________________________________________________<br>Do You Yahoo!?<br>Tired of spam? Yahoo! Mail has the best spam protection around <br><a onclick="return top.js.OpenExtLink(window,event,this)" href="http://mail.yahoo.com/" target="_blank">
http://mail.yahoo.com</a> </div></span></div></blockquote></div><br>
<div>Hope this helps.</div>
<div><br>Regards,</div>
<div>Luis</div></blockquote></div>
<div><span class="ad"></span></div>
<div>
<blockquote></blockquote></div>
<div><span class="ad"><br>
<p>
<hr size="1">
Yahoo! Messenger with Voice. <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://us.rd.yahoo.com/mail_us/taglines/postman1/*http://us.rd.yahoo.com/evt=39663/*http://voice.yahoo.com" target="_blank">Make PC-to-Phone Calls
</a> to the US (and 30+ countries) for 2¢/min or less. 
<p></p></p></span></div></blockquote></div><br>