added clear debug log button,
removed showing of links in gpx, route requests, checked html with validator
This commit is contained in:
		
							parent
							
								
									41bcafc3a1
								
							
						
					
					
						commit
						afbd3347da
					
				@ -16,14 +16,21 @@ OSRM.debug.init = function() {
 | 
			
		||||
	box.id = "OSRM.debug-box";
 | 
			
		||||
	box.className = "gui-box";
 | 
			
		||||
	box.style.cssText = "width:390px;top:0px;bottom:0px;";
 | 
			
		||||
	
 | 
			
		||||
	var clear = document.createElement('a');
 | 
			
		||||
	clear.id = "OSRM.debug-clear";
 | 
			
		||||
	clear.className = "button not-selectable";
 | 
			
		||||
	clear.innerHTML = "clear";
 | 
			
		||||
	clear.onclick = OSRM.debug.clear;
 | 
			
		||||
 | 
			
		||||
	OSRM.debug.content= document.createElement('div');
 | 
			
		||||
	OSRM.debug.content.id = "OSRM.debug-content";
 | 
			
		||||
	OSRM.debug.content.style.cssText = "position:absolute;bottom:0px;top:0px;width:380px;font-size:11px;overflow:auto;margin:5px;";	
 | 
			
		||||
	
 | 
			
		||||
	OSRM.debug.content.style.cssText = "position:absolute;bottom:0px;top:20px;width:380px;font-size:11px;overflow:auto;margin:5px;";
 | 
			
		||||
		
 | 
			
		||||
	// add elements
 | 
			
		||||
	document.body.appendChild(wrapper);
 | 
			
		||||
	wrapper.appendChild(box);
 | 
			
		||||
	box.appendChild(clear);
 | 
			
		||||
	box.appendChild(OSRM.debug.content);
 | 
			
		||||
};
 | 
			
		||||
if(document.addEventListener)	// FF, CH
 | 
			
		||||
 | 
			
		||||
@ -89,7 +89,7 @@ html, body, #map {
 | 
			
		||||
	padding:0px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#main-toggle
 | 
			
		||||
.main-toggle
 | 
			
		||||
{
 | 
			
		||||
	cursor:pointer;
 | 
			
		||||
	position:absolute;
 | 
			
		||||
@ -110,11 +110,11 @@ html, body, #map {
 | 
			
		||||
 | 
			
		||||
.main-options
 | 
			
		||||
{
 | 
			
		||||
	cursor:pointer;
 | 
			
		||||
	font-size:10px;
 | 
			
		||||
}
 | 
			
		||||
#options-toggle
 | 
			
		||||
{
 | 
			
		||||
	cursor:pointer;
 | 
			
		||||
	color:#0000ff
 | 
			
		||||
}
 | 
			
		||||
#options-toggle:hover
 | 
			
		||||
@ -175,6 +175,7 @@ html, body, #map {
 | 
			
		||||
{
 | 
			
		||||
	color:#0000ff;
 | 
			
		||||
	text-decoration:none;
 | 
			
		||||
	cursor:pointer;
 | 
			
		||||
}
 | 
			
		||||
#gpx-link:hover
 | 
			
		||||
{
 | 
			
		||||
@ -240,6 +241,25 @@ html, body, #map {
 | 
			
		||||
	font-size:10px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* generally useful styles (above buttons, so that they get their special cursor!)*/
 | 
			
		||||
.not-selectable
 | 
			
		||||
{
 | 
			
		||||
	cursor:default;
 | 
			
		||||
	-moz-user-select: -moz-none;  
 | 
			
		||||
	-webkit-user-select: none;  
 | 
			
		||||
	-ms-user-select: none;
 | 
			
		||||
	user-select: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.text-selectable
 | 
			
		||||
{
 | 
			
		||||
	cursor:default;
 | 
			
		||||
	-moz-user-select: text;  
 | 
			
		||||
	-webkit-user-select: text;  
 | 
			
		||||
	-ms-user-select: text;
 | 
			
		||||
	user-select: text;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* buttons */
 | 
			
		||||
.button
 | 
			
		||||
{
 | 
			
		||||
@ -263,23 +283,4 @@ html, body, #map {
 | 
			
		||||
{
 | 
			
		||||
	background-color:#F4F4F4;
 | 
			
		||||
	color:#FF0000;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* generally useful styles */
 | 
			
		||||
.not-selectable
 | 
			
		||||
{
 | 
			
		||||
	cursor:default;
 | 
			
		||||
	-moz-user-select: -moz-none;  
 | 
			
		||||
	-webkit-user-select: none;  
 | 
			
		||||
	-ms-user-select: none;
 | 
			
		||||
	user-select: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.text-selectable
 | 
			
		||||
{
 | 
			
		||||
	cursor:default;
 | 
			
		||||
	-moz-user-select: text;  
 | 
			
		||||
	-webkit-user-select: text;  
 | 
			
		||||
	-ms-user-select: text;
 | 
			
		||||
	user-select: text;
 | 
			
		||||
}
 | 
			
		||||
@ -2,7 +2,7 @@
 | 
			
		||||
<html>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
<!--- head --->
 | 
			
		||||
<!-- head -->
 | 
			
		||||
<head>
 | 
			
		||||
 | 
			
		||||
<!-- metatags -->
 | 
			
		||||
@ -12,37 +12,37 @@
 | 
			
		||||
<meta name="author" content="Dennis Schieferdecker" />
 | 
			
		||||
 | 
			
		||||
<!-- stylesheets -->
 | 
			
		||||
<link rel="stylesheet" href="leaflet/leaflet.css" />
 | 
			
		||||
<link rel="stylesheet" href="main.css" />
 | 
			
		||||
<link rel="stylesheet" href="leaflet/leaflet.css" type="text/css"/>
 | 
			
		||||
<link rel="stylesheet" href="main.css" type="text/css"/>
 | 
			
		||||
 | 
			
		||||
<!-- scripts -->
 | 
			
		||||
<script src="leaflet/leaflet-src.js"></script>
 | 
			
		||||
<!--[if lte IE 8]><link rel="stylesheet" href="leaflet/leaflet.ie.css" /><![endif]-->
 | 
			
		||||
<script src="L.DashedPolyline.js"></script>
 | 
			
		||||
<script src="L.MouseMarker.js"></script>
 | 
			
		||||
<script src="leaflet/leaflet-src.js" type="text/javascript"></script>
 | 
			
		||||
<!--[if lte IE 8]><link rel="stylesheet" href="leaflet/leaflet.ie.css" type="text/css"/><![endif]-->
 | 
			
		||||
<script src="L.DashedPolyline.js" type="text/javascript"></script>
 | 
			
		||||
<script src="L.MouseMarker.js" type="text/javascript"></script>
 | 
			
		||||
 | 
			
		||||
<script src="OSRM.base.js"></script>
 | 
			
		||||
<script src="OSRM.config.js"></script>
 | 
			
		||||
<script defer="defer" src="OSRM.debug.js"></script>
 | 
			
		||||
<script src="OSRM.base.js" type="text/javascript"></script>
 | 
			
		||||
<script src="OSRM.config.js" type="text/javascript"></script>
 | 
			
		||||
<script defer="defer" src="OSRM.debug.js" type="text/javascript"></script>
 | 
			
		||||
 | 
			
		||||
<script src="OSRM.Browser.js"></script>
 | 
			
		||||
<script src="OSRM.GUI.js"></script>
 | 
			
		||||
<script src="OSRM.JSONP.js"></script>
 | 
			
		||||
<script src="OSRM.Markers.js"></script>
 | 
			
		||||
<script src="OSRM.Route.js"></script>
 | 
			
		||||
<script src="OSRM.Localization.js"></script>
 | 
			
		||||
<script src="OSRM.Browser.js" type="text/javascript"></script>
 | 
			
		||||
<script src="OSRM.GUI.js" type="text/javascript"></script>
 | 
			
		||||
<script src="OSRM.JSONP.js" type="text/javascript"></script>
 | 
			
		||||
<script src="OSRM.Markers.js" type="text/javascript"></script>
 | 
			
		||||
<script src="OSRM.Route.js" type="text/javascript"></script>
 | 
			
		||||
<script src="OSRM.Localization.js" type="text/javascript"></script>
 | 
			
		||||
 | 
			
		||||
<script src="main.js"></script>
 | 
			
		||||
<script src="routing.js"></script>
 | 
			
		||||
<script src="main.js" type="text/javascript"></script>
 | 
			
		||||
<script src="routing.js" type="text/javascript"></script>
 | 
			
		||||
 | 
			
		||||
<script src="geocoder.js"></script>
 | 
			
		||||
<script src="via.js"></script>
 | 
			
		||||
<script src="geocoder.js" type="text/javascript"></script>
 | 
			
		||||
<script src="via.js" type="text/javascript"></script>
 | 
			
		||||
 | 
			
		||||
<script src="utils.js"></script>
 | 
			
		||||
<script src="utils.js" type="text/javascript"></script>
 | 
			
		||||
</head>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
<!--- body --->
 | 
			
		||||
<!-- body -->
 | 
			
		||||
<body onload="init();">
 | 
			
		||||
 | 
			
		||||
<!--map-->
 | 
			
		||||
@ -51,7 +51,7 @@
 | 
			
		||||
<!-- show ui blob -->
 | 
			
		||||
<div id="blob-wrapper" class="gui-wrapper">
 | 
			
		||||
<div id="blob-input" class="gui-box">
 | 
			
		||||
   	<div id="main-toggle" onclick="OSRM.GUI.toggleMain()"></div>
 | 
			
		||||
   	<div class="main-toggle" onclick="OSRM.GUI.toggleMain()"></div>
 | 
			
		||||
</div>
 | 
			
		||||
</div>
 | 
			
		||||
 | 
			
		||||
@ -60,7 +60,7 @@
 | 
			
		||||
 | 
			
		||||
<!-- input box -->
 | 
			
		||||
<div class="gui-box not-selectable" id="main-input">
 | 
			
		||||
	<div id="main-toggle" onclick="OSRM.GUI.toggleMain()"></div>
 | 
			
		||||
	<div class="main-toggle" onclick="OSRM.GUI.toggleMain()"></div>
 | 
			
		||||
	<img id="osrm-logo" alt="OSRM Logo" src="images/osrm-logo.png" />
 | 
			
		||||
 | 
			
		||||
	<!-- source/target input -->
 | 
			
		||||
 | 
			
		||||
@ -130,11 +130,11 @@ function showRouteDescription(response) {
 | 
			
		||||
		query_string += '&loc=' + my_markers.route[i].getLat() + ',' + my_markers.route[i].getLng(); 
 | 
			
		||||
 						
 | 
			
		||||
	// create link to the route
 | 
			
		||||
	var route_link ='<span class="route-summary" id="route-link">[<a id="gpx-link" href="#" onclick="onClickCreateShortcut(\'' + OSRM.DEFAULTS.WEBSITE_URL + query_string + '\')">'+OSRM.loc("GET_LINK")+'</a>]</span>';
 | 
			
		||||
	var route_link ='<span class="route-summary" id="route-link">[<a id="gpx-link" onclick="onClickCreateShortcut(\'' + OSRM.DEFAULTS.WEBSITE_URL + query_string + '\')">'+OSRM.loc("GET_LINK")+'</a>]</span>';
 | 
			
		||||
	//var route_link ='<span class="route-summary" id="route-link">[<a id="gpx-link" href="#" onclick="onClickCreateShortcut(\'' + document.URL + query_string + '\')">'+OSRM.loc("GET_LINK")+'</a>]</span>';
 | 
			
		||||
 | 
			
		||||
	// create GPX link
 | 
			
		||||
	var gpx_link = '<span class="route-summary">[<a id="gpx-link" href="' + OSRM.DEFAULTS.HOST_ROUTING_URL + query_string + '&output=gpx">'+OSRM.loc("GPX_FILE")+'</a>]</span>';
 | 
			
		||||
	var gpx_link = '<span class="route-summary">[<a id="gpx-link" onClick="javascript: document.location.href=\'' + OSRM.DEFAULTS.HOST_ROUTING_URL + query_string + '&output=gpx\';">'+OSRM.loc("GPX_FILE")+'</a>]</span>';
 | 
			
		||||
		
 | 
			
		||||
	// create route description
 | 
			
		||||
	var route_desc = "";
 | 
			
		||||
 | 
			
		||||
		Loading…
	
		Reference in New Issue
	
	Block a user