added clear debug log button,

removed showing of links in gpx, route requests,
checked html with validator
This commit is contained in:
DennisSchiefer 2012-03-13 20:51:44 +01:00
parent 41bcafc3a1
commit afbd3347da
4 changed files with 57 additions and 49 deletions

View File

@ -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

View File

@ -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;
}

View File

@ -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 -->

View File

@ -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 = "";