- Timestamp:
- Oct 26, 2006, 9:11:23 PM (14 years ago)
- Location:
- trunk/gpx.npemap.org.uk
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/gpx.npemap.org.uk/index.html
r185 r186 14 14 } 15 15 </style> 16 </head> 17 <body> 18 <script src="js/yahoo.js"></script> 19 <script src="js/dom.js"></script> 20 <script src="js/event.js"></script> 21 <script src="js/jsr_class.js"></script> 22 <script src="js/jscoord-1.1.1.js"></script> 16 <script src="js/yahoo.js"></script> 17 <script src="js/dom.js"></script> 18 <script src="js/event.js"></script> 19 <script src="js/jsr_class.js"></script> 20 <script src="js/jscoord-1.1.1.js"></script> 21 22 <!-- Fix if screen isn't big enough --> 23 <script type="text/javascript"> 24 function tweak_widths() { 25 var screenWidth = YAHOO.util.Dom.getViewportWidth(); 26 if(screenWidth > 300 && screenWidth < 1100) { 27 var rc = document.getElementById("right-col"); 28 rc.style.width = "300px"; 29 } 30 } 31 </script> 32 </head> 33 <body onload="tweak_widths()"> 23 34 <div id="body"> 24 35 <h1>New Popular Mapping - Map GPX Tracer<sup>beta</sup></h1> … … 52 63 53 64 </div> 54 <div class="right-col" >65 <div class="right-col" id="right-col"> 55 66 <p> 56 67 Click on the map to zoom in and get on with it. -
trunk/gpx.npemap.org.uk/tracer.html
r185 r186 6 6 background-color: #dddddd; 7 7 } 8 div.images { 9 border: 0; 10 margin: 0; 11 padding: 0; 12 } 8 13 div.tilerow { 9 14 border: 0; 10 15 margin: 0; 16 padding: 0; 11 17 } 12 18 img.tile { … … 23 29 } 24 30 </style> 31 32 <!-- Include the Yahoo libraries --> 33 <script src="js/yahoo.js"></script> 34 <script src="js/dom.js"></script> 35 <script src="js/connection.js"></script> 36 <script src="js/event.js"></script> 25 37 </head> 26 38 <body id="body"> … … 257 269 258 270 function click(e) { 259 var img = e.target; 271 // Ask the yahoo library to avoid browser nastyness for us 272 e = YAHOO.util.Event.getEvent(e); 273 274 var img = img = YAHOO.util.Event.getTarget(e); 260 275 var link = img.parentNode; 261 276 var page = link.parentNode; … … 263 278 // Note - this won't work in things like IE 264 279 // Oh well, like we care... 265 var drawX = e.pageX; 266 var drawY = e.pageY; 267 var x = e.pageX - img.x; 268 var y = e.pageY - img.y; 280 var drawX = YAHOO.util.Event.getPageX(e); 281 var drawY = YAHOO.util.Event.getPageY(e); 282 283 var imgPos = YAHOO.util.Dom.getXY(img); 284 var x = drawX - imgPos[0]; 285 var y = drawY - imgPos[1]; 269 286 //alert(x + " " + y); 270 287 … … 276 293 277 294 if(clickIsCalibration) { 278 do_calibrate(facX, facY, e.pageX, e.pageY);295 do_calibrate(facX, facY, drawX, drawY); 279 296 return false; 280 297 }
Note: See TracChangeset
for help on using the changeset viewer.