Routino SVN Repository Browser

Check out the latest version of Routino: svn co http://routino.org/svn/trunk routino

ViewVC logotype

Annotation of /trunk/web/www/routino/router.html.en

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1324 - (hide annotations) (download)
Fri May 17 18:39:37 2013 UTC (11 years, 10 months ago) by amb
File size: 28402 byte(s)
Added some missing ';' to the Javascript actions in the HTML.

1 amb 577 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2     <HTML>
3    
4 amb 1257 <HEAD>
5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6     <meta name="keywords" content="openstreetmap routing route planner">
7    
8     <title>Routino : Route Planner for OpenStreetMap Data</title>
9    
10 amb 577 <!--
11     Routino router web page.
12    
13     Part of the Routino routing software.
14    
15 amb 1239 This file Copyright 2008-2013 Andrew M. Bishop
16 amb 577
17     This program is free software: you can redistribute it and/or modify
18     it under the terms of the GNU Affero General Public License as published by
19     the Free Software Foundation, either version 3 of the License, or
20     (at your option) any later version.
21    
22     This program is distributed in the hope that it will be useful,
23     but WITHOUT ANY WARRANTY; without even the implied warranty of
24     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
25     GNU Affero General Public License for more details.
26    
27     You should have received a copy of the GNU Affero General Public License
28     along with this program. If not, see http://www.gnu.org/licenses/.
29     -->
30    
31     <!-- OpenLayers Javascript library -->
32     <script src="../openlayers/OpenLayers.js" type="text/javascript"></script>
33    
34     <!-- Page elements -->
35     <script src="page-elements.js" type="text/javascript"></script>
36     <link href="page-elements.css" type="text/css" rel="stylesheet">
37    
38     <!-- Router and visualiser shared features -->
39     <link href="maplayout.css" type="text/css" rel="stylesheet">
40     <!--[if IE 6]>
41     <link href="maplayout-ie6-bugfixes.css" type="text/css" rel="stylesheet">
42     <![endif]-->
43     <!--[if IE 7]>
44     <link href="maplayout-ie7-bugfixes.css" type="text/css" rel="stylesheet">
45     <![endif]-->
46    
47     <!-- Router specific features -->
48 amb 635 <script src="profiles.js" type="text/javascript"></script>
49 amb 933 <script src="mapprops.js" type="text/javascript"></script>
50 amb 577 <script src="router.js" type="text/javascript"></script>
51     <link href="router.css" type="text/css" rel="stylesheet">
52 amb 1257 </HEAD>
53 amb 577
54 amb 1010 <BODY onload="html_init();map_init();form_init();">
55 amb 577
56     <!-- Left hand side of window - data panel -->
57    
58     <div class="left_panel">
59    
60     <div class="tab_box">
61     <span id="tab_options" onclick="tab_select('options');" class="tab_selected" title="Set routing options">Options</span>
62     <span id="tab_results" onclick="tab_select('results');" class="tab_unselected" title="See routing results">Results</span>
63     <span id="tab_data" onclick="tab_select('data');" class="tab_unselected" title="View database information">Data</span>
64     </div>
65    
66     <div class="tab_content" id="tab_options_div">
67    
68 amb 1010 <form name="form" id="form" action="" method="get" onsubmit="return false;">
69 amb 577 <div class="hideshow_box">
70     <span class="hideshow_title">Routino OpenStreetMap Router</span>
71     This web page allows routing within the data collected by OpenStreetMap.
72     Select start and end points (click on the marker icons below), select routing preferences then find a route.
73     <div align="center">
74 amb 584 <a target="other" href="http://www.routino.org/">Routino Website</a>
75 amb 577 |
76 amb 584 <a target="other" href="documentation/">Documentation</a>
77 amb 577 </div>
78     </div>
79    
80     <div class="hideshow_box">
81 amb 932 <span id="hideshow_language_show" onclick="hideshow_show('language');" class="hideshow_show">+</span>
82     <span id="hideshow_language_hide" onclick="hideshow_hide('language');" class="hideshow_hide">-</span>
83 amb 577 <span class="hideshow_title">Language</span>
84    
85     <!-- Note for translations: Only this HTML file needs to be translated, the Javascript has
86     no language specific information in it. Only the body text and title attributes should
87     be changed, the values passed to the JavaScript and the element names must not be changed.
88     The selection below changes the language option passed to the router and selects the
89     output language not the web page language, the links are for that. The router itself uses
90     the translations.xml file for the translated versions of the output. -->
91    
92     <div id="hideshow_language_div" style="display: none;">
93     <table>
94     <tr>
95 amb 986 <td><a id="lang_en_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html.en" title="English language web page">English</a>
96 amb 585 <td>(EN)
97 amb 1324 <td><input name="language" type="radio" value="en" onchange="formSetLanguage();" checked>
98 amb 585 <tr>
99 amb 992 <td><a id="lang_de_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html.de" title="Deutsche Webseite">German</a>
100 amb 585 <td>(DE)
101 amb 1324 <td><input name="language" type="radio" value="de" onchange="formSetLanguage();">
102 amb 585 <tr>
103 amb 986 <td><a id="lang_nl_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html.nl" title="Dutch language web page">Dutch</a>
104 amb 585 <td>(NL)
105 amb 1324 <td><input name="language" type="radio" value="nl" onchange="formSetLanguage();">
106 amb 902 <tr>
107     <td>Russian
108     <td>(RU)
109 amb 1324 <td><input name="language" type="radio" value="ru" onchange="formSetLanguage();">
110 amb 577 </table>
111     </div>
112     </div>
113    
114     <div class="hideshow_box">
115 amb 932 <span id="hideshow_waypoint_show" onclick="hideshow_show('waypoint');" class="hideshow_hide">+</span>
116     <span id="hideshow_waypoint_hide" onclick="hideshow_hide('waypoint');" class="hideshow_show">-</span>
117 amb 577 <span class="hideshow_title">Waypoints</span>
118     <div id="hideshow_waypoint_div">
119 amb 987 <table id="waypoints">
120 amb 1056 <colgroup>
121     <col style="width: 25px;">
122     <col>
123     <col style="width: 76px;">
124     </colgroup>
125 amb 1005 <tr id="waypointXXX" style="display: none;">
126 amb 577 <td>
127 amb 1324 <img name="waypointXXX" src="icons/marker-XXX-grey.png" title="Waypoint XXX Position - (click to add/remove on map)" alt="Waypoint XXX" onmousedown="markerToggleMap(XXX);">&nbsp;
128 amb 577 <td>
129 amb 1001 <span id="coordsXXX">
130 amb 1040 <input name="lonXXX" type="text" size="7" title="Waypoint XXX Longitude" onchange="formSetCoords(XXX);">E
131     <input name="latXXX" type="text" size="7" title="Waypoint XXX Latitude" onchange="formSetCoords(XXX);">N
132 amb 1001 </span>
133 amb 1007 <span id="searchXXX" style="display: none;">
134 amb 1040 <input name="searchXXX" type="text" size="18" title="Waypoint XXX Location"> <!-- uses Javascript event for triggering -->
135 amb 1001 </span>
136 amb 577 <td>
137 amb 1001 <img alt="?" src="icons/waypoint-search.png" title="Search for location" onmousedown="markerSearch(XXX);" >
138     <img alt="G" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(XXX);" >
139 amb 987 <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(XXX);">
140     <img alt="^" src="icons/waypoint-up.png" title="Move this waypoint up" onmousedown="markerMoveUp(XXX);" >
141 amb 992 <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(XXX);">
142     <br>
143 amb 1001 <img alt="#" src="icons/waypoint-coords.png" title="Coordinates for location" onmousedown="markerCoords(XXX);" >
144 amb 987 <img alt="~" src="icons/waypoint-home.png" title="Toggle as home location" onmousedown="markerHome(XXX);" >
145     <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(XXX);" >
146     <img alt="v" src="icons/waypoint-down.png" title="Move this waypoint down" onmousedown="markerMoveDown(XXX);">
147     <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint" onmousedown="markerRemove(XXX);" >
148 amb 1005 <tr id="searchresultsXXX" style="display: none;">
149 amb 1010 <td colspan="3">
150 amb 987 <!-- The waypoints are inserted by the JavaScript, see the "maxmarkers" variable in router.js. -->
151 amb 577 <tr>
152 amb 1038 <td colspan="3" align="center">
153     <input type="button" title="Reverse order of waypoints" value="Reverse order" onmousedown="markersReverse();">
154     <input type="button" title="Add a new waypoint to make a loop" value="Close loop" onmousedown="markersLoop();">
155 amb 577 </table>
156     </div>
157     </div>
158    
159     <div class="hideshow_box">
160 amb 932 <span id="hideshow_transport_show" onclick="hideshow_show('transport');" class="hideshow_hide">+</span>
161     <span id="hideshow_transport_hide" onclick="hideshow_hide('transport');" class="hideshow_show">-</span>
162 amb 577 <span class="hideshow_title">Transport Type</span>
163     <div id="hideshow_transport_div">
164     <table>
165 amb 1324 <tr><td>Foot <td><input name="transport" type="radio" value="foot" onchange="formSetTransport('foot' );">
166     <tr><td>Horse <td><input name="transport" type="radio" value="horse" onchange="formSetTransport('horse' );">
167     <tr><td>Wheelchair<td><input name="transport" type="radio" value="wheelchair" onchange="formSetTransport('wheelchair');">
168     <tr><td>Bicycle <td><input name="transport" type="radio" value="bicycle" onchange="formSetTransport('bicycle' );">
169     <tr><td>Moped <td><input name="transport" type="radio" value="moped" onchange="formSetTransport('moped' );">
170     <tr><td>Motorcycle<td><input name="transport" type="radio" value="motorcycle" onchange="formSetTransport('motorcycle');">
171     <tr><td>Motorcar <td><input name="transport" type="radio" value="motorcar" onchange="formSetTransport('motorcar' );">
172     <tr><td>Goods <td><input name="transport" type="radio" value="goods" onchange="formSetTransport('goods' );">
173     <tr><td>HGV <td><input name="transport" type="radio" value="hgv" onchange="formSetTransport('hgv' );">
174     <tr><td>PSV <td><input name="transport" type="radio" value="psv" onchange="formSetTransport('psv' );">
175 amb 577 </table>
176     </div>
177     </div>
178    
179     <div class="hideshow_box">
180 amb 932 <span id="hideshow_highway_show" onclick="hideshow_show('highway');" class="hideshow_show">+</span>
181     <span id="hideshow_highway_hide" onclick="hideshow_hide('highway');" class="hideshow_hide">-</span>
182 amb 577 <span class="hideshow_title">Highway Preferences</span>
183     <div id="hideshow_highway_div" style="display: none;">
184     <table>
185 amb 1324 <tr><td>Motorway: <td><input name="highway-motorway" type="text" size=3 onchange="formSetHighway('motorway' );"><td>%
186     <tr><td>Trunk: <td><input name="highway-trunk" type="text" size=3 onchange="formSetHighway('trunk' );"><td>%
187     <tr><td>Primary: <td><input name="highway-primary" type="text" size=3 onchange="formSetHighway('primary' );"><td>%
188     <tr><td>Secondary: <td><input name="highway-secondary" type="text" size=3 onchange="formSetHighway('secondary' );"><td>%
189     <tr><td>Tertiary: <td><input name="highway-tertiary" type="text" size=3 onchange="formSetHighway('tertiary' );"><td>%
190     <tr><td>Unclassified:<td><input name="highway-unclassified" type="text" size=3 onchange="formSetHighway('unclassified');"><td>%
191     <tr><td>Residential: <td><input name="highway-residential" type="text" size=3 onchange="formSetHighway('residential' );"><td>%
192     <tr><td>Service: <td><input name="highway-service" type="text" size=3 onchange="formSetHighway('service' );"><td>%
193     <tr><td>Track: <td><input name="highway-track" type="text" size=3 onchange="formSetHighway('track' );"><td>%
194     <tr><td>Cycleway: <td><input name="highway-cycleway" type="text" size=3 onchange="formSetHighway('cycleway' );"><td>%
195     <tr><td>Path: <td><input name="highway-path" type="text" size=3 onchange="formSetHighway('path' );"><td>%
196     <tr><td>Steps: <td><input name="highway-steps" type="text" size=3 onchange="formSetHighway('steps' );"><td>%
197     <tr><td>Ferry: <td><input name="highway-ferry" type="text" size=3 onchange="formSetHighway('ferry' );"><td>%
198 amb 577 </table>
199     </div>
200     </div>
201    
202     <div class="hideshow_box">
203 amb 932 <span id="hideshow_speed_show" onclick="hideshow_show('speed');" class="hideshow_show">+</span>
204     <span id="hideshow_speed_hide" onclick="hideshow_hide('speed');" class="hideshow_hide">-</span>
205 amb 577 <span class="hideshow_title">Speed Limits</span>
206     <div id="hideshow_speed_div" style="display: none;">
207     <table>
208 amb 1324 <tr><td>Motorway: <td><input name="speed-motorway" type="text" size=3 onchange="formSetSpeed('motorway' );"><td>km/hr
209     <tr><td>Trunk: <td><input name="speed-trunk" type="text" size=3 onchange="formSetSpeed('trunk' );"><td>km/hr
210     <tr><td>Primary: <td><input name="speed-primary" type="text" size=3 onchange="formSetSpeed('primary' );"><td>km/hr
211     <tr><td>Secondary: <td><input name="speed-secondary" type="text" size=3 onchange="formSetSpeed('secondary' );"><td>km/hr
212     <tr><td>Tertiary: <td><input name="speed-tertiary" type="text" size=3 onchange="formSetSpeed('tertiary' );"><td>km/hr
213     <tr><td>Unclassified:<td><input name="speed-unclassified" type="text" size=3 onchange="formSetSpeed('unclassified');"><td>km/hr
214     <tr><td>Residential: <td><input name="speed-residential" type="text" size=3 onchange="formSetSpeed('residential' );"><td>km/hr
215     <tr><td>Service: <td><input name="speed-service" type="text" size=3 onchange="formSetSpeed('service' );"><td>km/hr
216     <tr><td>Track: <td><input name="speed-track" type="text" size=3 onchange="formSetSpeed('track' );"><td>km/hr
217     <tr><td>Cycleway: <td><input name="speed-cycleway" type="text" size=3 onchange="formSetSpeed('cycleway' );"><td>km/hr
218     <tr><td>Path: <td><input name="speed-path" type="text" size=3 onchange="formSetSpeed('path' );"><td>km/hr
219     <tr><td>Steps: <td><input name="speed-steps" type="text" size=3 onchange="formSetSpeed('steps' );"><td>km/hr
220     <tr><td>Ferry: <td><input name="speed-ferry" type="text" size=3 onchange="formSetSpeed('ferry' );"><td>km/hr
221 amb 577 </table>
222     </div>
223     </div>
224    
225     <div class="hideshow_box">
226 amb 932 <span id="hideshow_property_show" onclick="hideshow_show('property');" class="hideshow_show">+</span>
227     <span id="hideshow_property_hide" onclick="hideshow_hide('property');" class="hideshow_hide">-</span>
228 amb 577 <span class="hideshow_title">Property Preferences</span>
229     <div id="hideshow_property_div" style="display: none;">
230     <table>
231 amb 1324 <tr><td>Paved: <td><input name="property-paved" type="text" size=3 onchange="formSetProperty('paved' );"><td>%
232     <tr><td>Multiple Lanes:<td><input name="property-multilane" type="text" size=3 onchange="formSetProperty('multilane' );"><td>%
233     <tr><td>Bridge: <td><input name="property-bridge" type="text" size=3 onchange="formSetProperty('bridge' );"><td>%
234     <tr><td>Tunnel: <td><input name="property-tunnel" type="text" size=3 onchange="formSetProperty('tunnel' );"><td>%
235     <tr><td>Walking Route: <td><input name="property-footroute" type="text" size=3 onchange="formSetProperty('footroute' );"><td>%
236     <tr><td>Bicycle Route: <td><input name="property-bicycleroute" type="text" size=3 onchange="formSetProperty('bicycleroute');"><td>%
237 amb 577 </table>
238     </div>
239     </div>
240    
241     <div class="hideshow_box">
242 amb 932 <span id="hideshow_restriction_show" onclick="hideshow_show('restriction');" class="hideshow_show">+</span>
243     <span id="hideshow_restriction_hide" onclick="hideshow_hide('restriction');" class="hideshow_hide">-</span>
244 amb 577 <span class="hideshow_title">Other Restrictions</span>
245     <div id="hideshow_restriction_div" style="display: none;">
246     <table>
247 amb 1324 <tr><td>Obey oneway:<td><input name="restrict-oneway" type="checkbox" onchange="formSetRestriction('oneway');"><td>
248     <tr><td>Obey turns: <td><input name="restrict-turns" type="checkbox" onchange="formSetRestriction('turns' );"><td>
249     <tr><td>Weight: <td><input name="restrict-weight" type="text" size=3 onchange="formSetRestriction('weight');"><td>tonnes
250     <tr><td>Height: <td><input name="restrict-height" type="text" size=3 onchange="formSetRestriction('height');"><td>metres
251     <tr><td>Width: <td><input name="restrict-width" type="text" size=3 onchange="formSetRestriction('width' );"><td>metres
252     <tr><td>Length: <td><input name="restrict-length" type="text" size=3 onchange="formSetRestriction('length');"><td>metres
253 amb 577 </table>
254     </div>
255     </div>
256    
257     <div class="hideshow_box">
258     <span class="hideshow_title">Find</span>
259     <input type="button" title="Find shortest route" id="shortest" value="Shortest" onclick="findRoute('shortest');">
260     <input type="button" title="Find quickest route" id="quickest" value="Quickest" onclick="findRoute('quickest');">
261     </div>
262    
263     <div class="hideshow_box">
264     <span class="hideshow_title">Links</span>
265 amb 986 <a id="permalink_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html">Permanent link to these parameters</a>
266 amb 577 <br>
267 amb 986 <a id="edit_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="http://www.openstreetmap.org/" target="edit">Edit OSM data in Potlatch</a>
268 amb 577 </div>
269    
270     <div class="hideshow_box">
271 amb 932 <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">+</span>
272     <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">-</span>
273 amb 577 <span class="hideshow_title">Help</span>
274     <div id="hideshow_help_options_div">
275     <div class="scrollable">
276     <p>
277     <b>Quick Start</b>
278     <br>
279     Click on marker icons (above) to place them on the map (right). Then
280     drag them to the correct position. Zooming the map before placing the
281     markers is probably easiest. Alternatively type the latitude and
282     longitude into the boxes above.
283     <p>
284     Select the transport type, allowed highway types, speed limits, highway
285     properties and other restrictions from the options above.
286     Select "Shortest" or "Quickest" to calculate the route and display it
287     on the map.
288     <p>
289     <b>Waypoints</b>
290     <br>
291     Clicking on the marker icons will toggle the display of them on the map.
292     When a route is calculated it will visit (as close as possible
293     for the selected transport type) each of the waypoints that have
294     markers on the map in the order given.
295     <p>
296     <b>Transport Type</b>
297     <br>
298     Selecting a transport type will restrict the chosen route to
299     those on which it is allowed and set default values for the
300     other parameters.
301     <p>
302     <b>Highway Preferences</b>
303     <br>
304     The highway preference is selected as a percentage and routes are chosen that
305     try to follow the preferred highways.
306     For example if a "Primary" road is given a "110%" preference and a "Secondary"
307     road is given a "100%" preference then it means that a route on a Primary road
308     can be up to 10% longer than on a secondary road and still be selected.
309     <p>
310     <b>Speed Limits</b>
311     <br>
312     The speed limits chosen here for the different types of highway apply if the
313     highway has no other speed limit marked or it is higher than the chosen one.
314     <p>
315     <b>Property Preferences</b>
316     <br>
317     The property preference is selected as a percentage and routes are chosen that
318     try to follow highways with the preferred property.
319     For example if a "Paved" highway is given a "75%" preference then it means that
320     an unpaved highway is automatically given a "25%" preference so that a route on
321     a paved highway can be 3 times the length of an unpaved one and still be
322     selected.
323     <p>
324     <b>Other Restrictions</b>
325     <br>
326     These allow a route to be found that avoids marked limits on
327     weight, height, width or length. It is also possible to ignore
328     one-way restrictions (e.g. if walking).
329     </div>
330     </div>
331     </div>
332     </form>
333     </div>
334    
335    
336     <div class="tab_content" id="tab_results_div" style="display: none;">
337    
338     <div class="hideshow_box">
339     <span class="hideshow_title">Status</span>
340     <div id="result_status">
341 amb 629 <div id="result_status_not_run">
342     <b><i>Router not run</i></b>
343     </div>
344     <div id="result_status_running" style="display: none;">
345     <b>Router running...</b>
346     </div>
347     <div id="result_status_complete" style="display: none;">
348     <b>Routing completed</b>
349     <br>
350     <a id="router_log_complete" target="router_log" href="#">View Details</a>
351     </div>
352     <div id="result_status_error" style="display: none;">
353     <b>Router error</b>
354     <br>
355     <a id="router_log_error" target="router_log" href="#">View Details</a>
356     </div>
357     <div id="result_status_failed" style="display: none;">
358     <b>Router failed to run</b>
359     </div>
360 amb 577 </div>
361     </div>
362    
363     <div class="hideshow_box">
364 amb 932 <span id="hideshow_shortest_show" onclick="hideshow_show('shortest');" class="hideshow_show">+</span>
365     <span id="hideshow_shortest_hide" onclick="hideshow_hide('shortest');" class="hideshow_hide">-</span>
366 amb 577 <span class="hideshow_title">Shortest Route</span>
367     <div id="shortest_status">
368 amb 935 <div id="shortest_status_no_info">
369     <b><i>No Information</i></b>
370     </div>
371     <div id="shortest_status_info" style="display: none;">
372     </div>
373 amb 577 </div>
374     <div id="hideshow_shortest_div" style="display: none;">
375     <div id="shortest_links" style="display: none;">
376     <table>
377     <tr><td>HTML directions:<td><a id="shortest_html" target="shortest_html" href="#">Open Popup</a>
378     <tr><td>GPX track file: <td><a id="shortest_gpx_track" target="shortest_gpx_track" href="#">Open Popup</a>
379     <tr><td>GPX route file: <td><a id="shortest_gpx_route" target="shortest_gpx_route" href="#">Open Popup</a>
380     <tr><td>Full text file: <td><a id="shortest_text_all" target="shortest_text_all" href="#">Open Popup</a>
381     <tr><td>Text file: <td><a id="shortest_text" target="shortest_text" href="#">Open Popup</a>
382     </table>
383     <hr>
384     </div>
385     <div id="shortest_route">
386     </div>
387     </div>
388     </div>
389    
390     <div class="hideshow_box">
391 amb 932 <span id="hideshow_quickest_show" onclick="hideshow_show('quickest');" class="hideshow_show">+</span>
392     <span id="hideshow_quickest_hide" onclick="hideshow_hide('quickest');" class="hideshow_hide">-</span>
393 amb 577 <span class="hideshow_title">Quickest Route</span>
394     <div id="quickest_status">
395 amb 935 <div id="quickest_status_no_info">
396     <b><i>No Information</i></b>
397     </div>
398     <div id="quickest_status_info" style="display: none;">
399     </div>
400 amb 577 </div>
401     <div id="hideshow_quickest_div" style="display: none;">
402     <div id="quickest_links" style="display: none;">
403     <table>
404     <tr><td>HTML directions:<td><a id="quickest_html" target="quickest_html" href="#">Open Popup</a>
405     <tr><td>GPX track file: <td><a id="quickest_gpx_track" target="quickest_gpx_track" href="#">Open Popup</a>
406     <tr><td>GPX route file: <td><a id="quickest_gpx_route" target="quickest_gpx_route" href="#">Open Popup</a>
407     <tr><td>Full text file: <td><a id="quickest_text_all" target="quickest_text_all" href="#">Open Popup</a>
408     <tr><td>Text file: <td><a id="quickest_text" target="quickest_text" href="#">Open Popup</a>
409     </table>
410     <hr>
411     </div>
412     <div id="quickest_route">
413     </div>
414     </div>
415     </div>
416    
417     <div class="hideshow_box">
418 amb 932 <span id="hideshow_help_route_show" onclick="hideshow_show('help_route');" class="hideshow_hide">+</span>
419     <span id="hideshow_help_route_hide" onclick="hideshow_hide('help_route');" class="hideshow_show">-</span>
420 amb 577 <span class="hideshow_title">Help</span>
421     <div id="hideshow_help_route_div">
422     <div class="scrollable">
423     <p>
424     <b>Quick Start</b>
425     <br>
426     After calculating a route you can download the GPX file or plain
427     text route description (summary or detailed version). Also you
428     can view the route description and zoom in to selected parts.
429 amb 1007 <p>
430 amb 577 <b>Problem Solving</b>
431     <br>
432     If the router completes with an error then the most likely cause is
433     that it is not possible to find a route between the selected points.
434     Moving one or more markers or changing the routing options should
435     allow a route to be found.
436 amb 1007 <p>
437 amb 577 <b>Output Formats</b>
438     <br>
439 amb 1007 <dl>
440 amb 577 <dt>HTML instructions
441     <dd>A description of the route to take with directions at each
442     important junction.
443     <dt>GPX track file
444     <dd>The same information that is displayed on the map with points
445     for every node and lines for every segment.
446     <dt>GPX route file
447     <dd>The same information that is displayed in text for the route
448     with a waypoint for each important junction in the route.
449     <dt>Full text file
450     <dd>A list of all of the nodes visited as well as the distance
451     between them and the cumulative distance for each step of the
452     route.
453     <dt>Text file
454     <dd>The same information that is displayed in text for the route.
455     </dl>
456     </div>
457     </div>
458     </div>
459     </div>
460    
461    
462     <div class="tab_content" id="tab_data_div" style="display: none;">
463     <div class="hideshow_box">
464     <span class="hideshow_title">Statistics</span>
465     <div id="statistics_data"></div>
466     <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a>
467     </div>
468    
469     <div class="hideshow_box">
470     <span class="hideshow_title">Visualiser</span>
471     To see Routino's view of the data there is a data visualiser that allows
472     displaying of the underlying data in various ways.
473     <br>
474 amb 986 <a id="visualiser_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="visualiser.html" target="visualiser">Custom link to this map view</a>
475 amb 577 </div>
476     </div>
477    
478     </div>
479    
480     <!-- Right hand side of window - map -->
481    
482     <div class="right_panel">
483     <div class="map" id="map">
484     <noscript>
485     Javascript is <em>required</em> to use this web page because of the
486     interactive map.
487     </noscript>
488     </div>
489     <div class="attribution">
490 amb 1239 Router: <a href="http://www.routino.org/" target="routino">Routino</a>
491 amb 577 |
492 amb 1239 Geo Data: <span id="attribution_data"></span>
493     |
494     Tiles: <span id="attribution_tile"></span>
495 amb 577 </div>
496     </div>
497    
498     </BODY>
499 amb 1257
500 amb 577 </HTML>