8c8 < var blobc='#00ff00'; --- > var blobc='#ff0000'; 22c22 < var url = "//www.rjmprogramming.com.au/PHP/Map/map.php?title=Canberra&onclick=y&label=['Lat',&value='Lon','Name']&data=,[-35.3075,149.1244,~Canberra~]"; --- > var url = "//www.rjmprogramming.com.au/PHP/Map/map.php?title=Canberra&label=['Lat',&value='Lon','Name']&data=,[-35.3075,149.1244,~Canberra~]"; 32a33 > 149c150 < document.getElementById('myiframe').src = "//www.rjmprogramming.com.au/PHP/Map/map.php?title=Your%20Place%20and%20Airports&onclick=y&label=['Lat',&value='Lon','Name']&data=,[" + ourlat.toFixed(5).replace(/0+$/, "") + "," + ourlong.toFixed(5).replace(/0+$/, "") + ",~Your%20Place~]" --- > document.getElementById('myiframe').src = "//www.rjmprogramming.com.au/PHP/Map/map.php?title=Your%20Place%20and%20Airports&label=['Lat',&value='Lon','Name']&data=,[" + ourlat.toFixed(5).replace(/0+$/, "") + "," + ourlong.toFixed(5).replace(/0+$/, "") + ",~Your%20Place~]" 151a153,199 > // Add event listener for `click` events. > elem.addEventListener('click', function(event) { > if (x == 0 && y == 0 && lastx == 0 && lasty == 0) { > if (event.clientX || event.clientY) { > x = event.clientX - elemLeft; > y = event.clientY - elemTop; > } else { > x = event.pageX - elemLeft; > y = event.pageY - elemTop; > } > lastx=x; > lasty=y; > } else { > lastx=x; > lasty=y; > if (event.clientX || event.clientY) { > x = event.clientX - elemLeft; > y = event.clientY - elemTop; > } else { > x = event.pageX - elemLeft; > y = event.pageY - elemTop; > } > } > //alert(x + " " + y); > if (clickno == 0) { > canberrax = x; > canberray = y; > > // Canberra 35.3075° S, 149.1244° E 669 528 > // Alice Springs 23.7000° S, 133.8700° E 407 284 > > ourlong = eval(149.1244 + (x - canberrax) / (262.0 * (canberrax / canberra_x)) * (15.2544)); > ourlat = eval(-35.3075 + (y - canberray) / (244.0 * (canberray / canberra_y)) * (-11.6075)); > } else { > ourlong = eval(149.1244 + (x - canberrax) / (262.0 * (canberrax / canberra_x)) * (15.2544)); > ourlat = eval(-35.3075 + (y - canberray) / (244.0 * (canberray / canberra_y)) * (-11.6075)); > } > > elements.push({ > colour: blobc, > width: 5, > height: 5, > top: y, > left: x > }); > > clickno = clickno + 1; 152a201,207 > // Collision detection between clicked offset and element. > elements.forEach(function(element) { > //alert('clicked Element at ' + ourlong + ' ' + ourlat + ' ' + element.left + ',' + element.top + ' with width=' + element.width + ' and height=' + element.height + ' and colour=' + element.colour); > context.fillStyle = element.colour; > context.fillRect(element.left, element.top, element.width, element.height); > document.getElementById('myiframe').src = "//www.rjmprogramming.com.au/PHP/Map/map.php?title=Your%20Place%20and%20Airports&label=['Lat',&value='Lon','Name']&data=,[" + ourlat.toFixed(5).replace(/0+$/, "") + "," + ourlong.toFixed(5).replace(/0+$/, "") + ",~Your%20Place~]" > }); 217c272 < document.getElementById('myiframe').src = "//www.rjmprogramming.com.au/PHP/Map/map.php?title=Your%20Place%20and%20Airports&onclick=y&label=['Lat',&value='Lon','Name']&data=,[" + ourlat.toFixed(5).replace(/0+$/, "") + "," + ourlong.toFixed(5).replace(/0+$/, "") + ",~Your%20Place~]" --- > document.getElementById('myiframe').src = "//www.rjmprogramming.com.au/PHP/Map/map.php?title=Your%20Place%20and%20Airports&label=['Lat',&value='Lon','Name']&data=,[" + ourlat.toFixed(5).replace(/0+$/, "") + "," + ourlong.toFixed(5).replace(/0+$/, "") + ",~Your%20Place~]" 251c306 < --- >