Someone help me please.

@stylishjmauthorJan 10.2010 — #Also, when needed I can post up the source code

@KorJan 10.2010 — #Also, when needed I can post up the source code[/QUOTE]
You should have done that from the fry beginning. A link to a test page could be event better.

@stylishjmauthorJan 10.2010 — #was thinking this but cant find the edit post button. anyway the page im using at the moment is http://edgwarelocalcars.co.uk/Booking.html

@stylishjmauthorJan 10.2010 — # <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<meta name="robots" content="noindex,follow" />

<title>Booking</title>

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAGfp-kB-ecQV76vLZmALX-hQdUYxVEnzxBzx6mQFItuyN1MdeGxT3dGnCvGBY6M1TUZfnpZMQc8q3-w" type="text/javascript"></script>



<script type="text/javascript">

var geocoder, location1, location2, gDir;
 
   function initialize() {
   geocoder = new GClientGeocoder();
   gDir = new GDirections();
   GEvent.addListener(gDir, "load", function() {
   var drivingDistanceMiles = gDir.getDistance().meters / 1609.344;
   var drivingDistanceKilometers = gDir.getDistance().meters / 1000;
   var drivingDistanceMilesCost = drivingDistanceMiles + 5.5;
 
 
   document.getElementById('resultsa').innerHTML = '<strong>From: </strong>' + location1.address + '<br /> ';
   document.getElementById('resultsb').innerHTML = '<strong>To: </strong>' + location2.address + ' <br />' ;
 
   document.getElementById('results2').innerHTML = '&#163;' + drivingDistanceMilesCost.toFixed(2);
   });
  }
 
  function showLocation() {
   geocoder.getLocations(document.forms[0].address1.value, function (response) {
   if (!response || response.Status.code != 200)
   {
   alert("Sorry, please enter a valid postcode");
   }
   else
   {
   location1 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
   geocoder.getLocations(document.forms[0].address2.value, function (response) {
   if (!response || response.Status.code != 200)
   {
   alert("Sorry, please enter a valid postcode");
   }
   else
   {
   location2 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
   gDir.load('from: ' + location1.address + ' to: ' + location2.address);
   }
   });
   }
   });
  }
 
  </script>
  <style type="text/css">
  a {
   color: #800000;
  }
  .style2 {
   text-align: left;
  }
  </style>

</head>

<body onload="initialize()" style="background-color: #DDDDDD">

<form action="#" onsubmit="showLocation(); return false;">
   <div class="style2">
   <p class="style2">
   <input type="text" name="address1" onfocus="this.value=''" value="From" style="border: #800000 1px solid; width: 270px;" style="width: 272px"  /></p>
   <p><p id="resultsa"></p>
   <input type="text" name="address2" onfocus="this.value=''" value="To" style="border: #800000 1px solid; width: 270px;" style="width: 272px" /></p>
   <p><p id="resultsb"></p>
   <input type="submit" style="border: #800000 1px solid; width: 178px;" value="Calculate Price" />
   </p>
   </div>
  </form>
  <p id="results"></p>

<p id="results2"></p>

</body>

</html>
[/quote]
Source

@stylishjmauthorJan 12.2010 — #I have now completed the previous problem of getting the route on a map succesfully but now I am presented with a new problem.

I need to have auto-suggest when someone types in a vague address or a company that has multiple addresses (for example Hilton Hotel or a postcode / road name without a door number etc).

Anyway I was directed to http://econym.org.uk/gmap/ and tried implementing the parts of the source code with my source code http://www.edgwarelocalcars.co.uk/Booking.html but I havent got much knowlegde of javascript so Im finding the task near impossible.

Can anyone help me out please?

Someone help me please.

5 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Someone help me please.

5 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #JavaScript _↴