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 <ltrevinoh@GMAIL.COM></i></b> wrote:<blockquote class="replbq" style="border-left: 2px solid rgb(16, 16, 255); margin-left: 5px; padding-left: 5px;"> <br><br> <div><span class="gmail_quote">2006/7/21, Albert Anderson <<a href="mailto:bart_doggers@yahoo.com">bart_doggers@yahoo.com</a>>:</span> <blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0px 0px 0px 0.8ex; padding-left: 1ex;"> <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="border-left: 1px solid rgb(204, 204, 204); margin: 0px 0px 0px 0.8ex; padding-left: 1ex;"> <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="border-left: 1px solid rgb(204, 204, 204); margin: 0px 0px 0px 0.8ex; padding-left: 1ex;"> <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 class="sg">Albert <br></span></div> <div><span class="ad"> <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><br><p>
<hr size=1>Yahoo! Messenger with Voice. <a href="http://us.rd.yahoo.com/mail_us/taglines/postman1/*http://us.rd.yahoo.com/evt=39663/*http://voice.yahoo.com">Make PC-to-Phone Calls</a> to the US (and 30+ countries) for 2¢/min or less.