getting driving directions

• noob321

  13 Jul 11, 10:08

  ---

  I'm sorry if this is in the wrong section...
  
  I am not sure how to do it...
  
  Here is the coding:
  function displayTitle(name, x, y){
  return name + " <a href='#' onClick='showDirectionsDialog(\""+name+"\", "+x+", "+y+")'><img src='images/direction.png' alt='Get driving directions'/></a>";
  }
  
  function showDirectionsDialog(name, x, y){
  var d=dijit.byId("dialogDirections");
  
  d.set("title", "Get directions to \""+name+"\"");
  
  document.getElementById("txtToX").value=x;
  document.getElementById("txtToY").value=y;
  
  d.show();
  }
  
  function getDirections(){
  var frmX=document.getElementById("txtFrmX").value;
  var frmY=document.getElementById("txtFrmY").value;
  var toX=document.getElementById("txtToX").value;
  var toY=document.getElementById("txtToY").value;
  
  var routeData = new Route;
  routeData.routeStops = frmX+","+frmY+";"+toX+","+toY;
  routeData.routeMode = "DRIVE";
  routeData.avoidERP=0;
  routeData.routeOption = "Shortest";
  routeData.GetRoute(showDirections);
  }
  
  function showDirections(routeResults){
  if (routeResults.results=="No results"){
  alert("No directions found, please try other location.");
  return;
  }
  
  }
  
  Here is the coding I have now:
  function getDirections() {
  
  var routeData = new Route;
  routeData.routeStops = document.getElementById('txtTheme').value;
  routeData.routeMode = document.getElementById('txtOtptFlds').value;
  routeData.avoidERP = document.getElementById('txtExtent').value;
  routeData.routeOption = "Shortest";
  routeData.GetRoute(showRouteData)
  }
  
  function showRouteData(routeResults)
  {
  if (routeResults.results=="No results"){
  alert("No Route found, please try other location.")
  return
  }
  else if (routeResults.results=="Stops more than nine"){
  alert("Number of stops exceed than nine");
  return;
  }
  directions = routeResults.results.directions[0];
  
  directionFeatures = directions.features;
  
  var routeSymbol = new esri.symbol.SimpleLineSymbol().setColor(new dojo.Color([0,0,255,0.5])).setWidth(4);
  
  var mergedGeometry = new esri.geometry.Polyline()
  
  mergedGeometry.addPath(routeResults.results.routes.features[0].geometry.paths[0])
  OneMap.map.graphics.clear();
  OneMap.map.graphics.add(new esri.Graphic(mergedGeometry, routeSymbol));
  //Display the total time and distance of the route
  document.getElementById("results").innerHTML = "<br /> &nbsp; Total distance: " + directions.summary.totalLength + "<br /> &nbsp; Total time: " + directions.summary.totalTime;
  
  //List the directions and create hyperlinks for each route segment
  for (var i=0;i<directions.features.length;i++)
  {
  var feature=directions.features[i]
  document.getElementById("results").innerHTML= document.getElementById("results").innerHTML + '<br><u>' + parseInt(parseInt(i)+1) + ". " + feature.attributes.text + " (" + feature.attributes.length + ", " + feature.attributes.time + ")</u>"
  
  }
  }
  
  I am not sure how to integrate my codings into the other codings.
  
  There is a name of the place (lets say London) and a clickable icon by the side. When I click the icon, a dojo toolkit dialog box appear for me to enter my location (the other place, London, will be displayed in the dialog box) Click "Go" to get the directions...
  
  I wish to have the directions also placed in a dialog box too...