Open-Harbor/osrm-backend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

fixed printing bug in IE8

Browse Source
This commit is contained in:
shiin 2012-05-08 21:40:55 +02:00
parent 2d956983a5
commit c8912ad6ee
5 changed files with 51 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
WebContent/printing/OSRM.Printing.js
View File

@ -61,8 +61,10 @@ deactivate: function() { // use hide route as trigger
// create UI in printwindow
show: function(response) {
// create header (using tables for compatibility with IE quirks mode)
var header =
// create header
var header;
if( OSRM.Browser.IE6_8 ) { // tables used for compatibility with legacy IE (quirks mode)
header =
'<thead class="description-header"><tr><td colspan="3">' +
'<table class="full">' +
@ -98,44 +100,46 @@ show: function(response) {
'</table>' +
'<div class="quad"></div>' +
'</td></tr></thead>';
// var header =
// '<thead class="description-header"><tr><td colspan="3">' +
//
// '<div class="full">' +
// '<div class="row">' +
//
// '<div class="left stretch">' +
// '<div class="full">' +
// '<div class="row">' +
// '<div class="left description-header-label">' + OSRM.loc("GUI_START")+ ': </div>' +
// '<div class="left description-header-content stretch">' + document.getElementById("gui-input-source").value + '</div>' +
// '</div>' +
// '<div class="row">' +
// '<div class="left description-header-label">' + OSRM.loc("GUI_END")+ ': </div>' +
// '<div class="left description-header-content stretch">' + document.getElementById("gui-input-target").value + '</div>' +
// '</div>' +
// '</div>' +
// '</div>' +
//
// '<div class="left">' +
// '<div class="full">' +
// '<div class="row">' +
// '<div class="left description-header-label">' + OSRM.loc("DISTANCE")+': </div>' +
// '<div class="left description-header-content">' + OSRM.Utils.toHumanDistance(response.route_summary.total_distance) + '</div>' +
// '</div>' +
// '<div class="row">' +
// '<div class="left description-header-label">' + OSRM.loc("DURATION")+': </div>' +
// '<div class="left description-header-content">' + OSRM.Utils.toHumanTime(response.route_summary.total_time) + '</div>' +
// '</div>' +
// '</div>' +
// '</div>' +
//
// '</div>' +
// '</div>' +
//
// '<div class="quad"></div>' +
// '</td></tr></thead>';
'</td></tr></thead>';
} else {
header =
'<thead class="description-header"><tr><td colspan="3">' +
'<div class="full">' +
'<div class="row">' +
'<div class="left stretch">' +
'<div class="full">' +
'<div class="row">' +
'<div class="left description-header-label">' + OSRM.loc("GUI_START")+ ': </div>' +
'<div class="left description-header-content stretch">' + document.getElementById("gui-input-source").value + '</div>' +
'</div>' +
'<div class="row">' +
'<div class="left description-header-label">' + OSRM.loc("GUI_END")+ ': </div>' +
'<div class="left description-header-content stretch">' + document.getElementById("gui-input-target").value + '</div>' +
'</div>' +
'</div>' +
'</div>' +
'<div class="left">' +
'<div class="full">' +
'<div class="row">' +
'<div class="left description-header-label">' + OSRM.loc("DISTANCE")+': </div>' +
'<div class="left description-header-content">' + OSRM.Utils.toHumanDistance(response.route_summary.total_distance) + '</div>' +
'</div>' +
'<div class="row">' +
'<div class="left description-header-label">' + OSRM.loc("DURATION")+': </div>' +
'<div class="left description-header-content">' + OSRM.Utils.toHumanTime(response.route_summary.total_time) + '</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'<div class="quad"></div>' +
'</td></tr></thead>';
}
// create route description
var body = '<tbody class="description-body">';

6
WebContent/printing/printing.css
View File

@ -182,17 +182,17 @@ div.label
@media screen {
.base-font {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 13px;
font-weight: normal;
}
.big-font {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-size: 15px;
font-weight: bold;
}
.medium-font {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10.5px; /* will be 10px in IE quirks mode */
font-size: 11px;
font-weight: normal;
}
.small-font {

2
WebContent/printing/printing.html
View File

@ -28,7 +28,7 @@ or see http://www.gnu.org/licenses/agpl.txt.
<title>OSRM Website</title>
<meta name="description" content="OSRM Website"/>
<meta name="author" content="Dennis Schieferdecker" />
<meta http-equiv="X-UA-Compatible" content="IE=7,9" />
<meta http-equiv="X-UA-Compatible" content="IE=7,9" /> <!-- use quirks mode to correctly print the map in IE8 -->
<!-- stylesheets -->
<link rel="stylesheet" href="../leaflet/leaflet.css" type="text/css"/>

5
WebContent/printing/printing.js
View File

@ -19,8 +19,7 @@ or see http://www.gnu.org/licenses/agpl.txt.
// [for printing window]
OSRM = {};
OSRM.GLOBALS = {};
OSRM.GUI = { visible:false };
OSRM.GLOBALS = { main_handle:{boxVisible:function(){return false;}} }; // needed for fitBoundsUI to work
OSRM.G = OSRM.GLOBALS;
@ -41,7 +40,7 @@ OSRM.prefetchIcons = function(images_list) {
for(var i=0; i<icon_list.length; i++) {
var icon = {
// using absolute src directory for compatibility reasons with IE quirks mode
// absolute directories used for compatibility with legacy IE (quirks mode)
iconUrl: images_list[icon_list[i].image_id].src, iconSize: new L.Point(25, 41), iconAnchor: new L.Point(13, 41),
shadowUrl: images_list["marker-shadow"].src, shadowSize: new L.Point(41, 41),
popupAnchor: new L.Point(0, -33)

1
WebContent/utils/OSRM.browsers.js
View File

@ -25,6 +25,7 @@ or see http://www.gnu.org/licenses/agpl.txt.
OSRM.Browser = {
FF3: useragent.search(/Firefox\/3/),
IE6_8: useragent.search(/MSIE (6|7|8)/),
IE6_9: useragent.search(/MSIE (6|7|8|9)/)
};
}());