Routino SVN Repository Browser

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

ViewVC logotype

Contents of /trunk/extras/find-fixme/web/www/fixme.html

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1477 - (show annotations) (download) (as text)
Tue Dec 31 16:11:00 2013 UTC (11 years, 2 months ago) by amb
File MIME type: text/html
File size: 6227 byte(s)
Update HTML to make it work better on mobile devices (no zooming allowed).

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html>
3
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 <meta name="keywords" content="openstreetmap routino fixme">
7 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no">
8
9 <title>Routino Extras : Viewer for OpenStreetMap "fixme" Tags</title>
10
11 <!--
12 Routino (extras) fixme web page.
13
14 Part of the Routino routing software.
15
16 This file Copyright 2008-2013 Andrew M. Bishop
17
18 This program is free software: you can redistribute it and/or modify
19 it under the terms of the GNU Affero General Public License as published by
20 the Free Software Foundation, either version 3 of the License, or
21 (at your option) any later version.
22
23 This program is distributed in the hope that it will be useful,
24 but WITHOUT ANY WARRANTY; without even the implied warranty of
25 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
26 GNU Affero General Public License for more details.
27
28 You should have received a copy of the GNU Affero General Public License
29 along with this program. If not, see http://www.gnu.org/licenses/.
30 -->
31
32 <!-- OpenLayers Javascript library -->
33 <script src="../openlayers/OpenLayers.js" type="text/javascript"></script>
34
35 <!-- Page elements -->
36 <script src="page-elements.js" type="text/javascript"></script>
37 <link href="page-elements.css" type="text/css" rel="stylesheet">
38
39 <!-- Router and visualiser shared features -->
40 <link href="maplayout.css" type="text/css" rel="stylesheet">
41 <!--[if IE 6]>
42 <link href="maplayout-ie6-bugfixes.css" type="text/css" rel="stylesheet">
43 <![endif]-->
44 <!--[if IE 7]>
45 <link href="maplayout-ie7-bugfixes.css" type="text/css" rel="stylesheet">
46 <![endif]-->
47
48 <!-- Visualiser specific features -->
49 <script src="mapprops.js" type="text/javascript"></script>
50 <script src="fixme.js" type="text/javascript"></script>
51 <link href="fixme.css" type="text/css" rel="stylesheet">
52 </head>
53
54 <body onload="map_init();">
55
56 <!-- Left hand side of window - data panel -->
57
58 <div class="left_panel">
59
60 <div class="tab_box">
61 <span id="tab_fixme" onclick="tab_select('fixme');" class="tab_selected" title="View 'fixme' tags">Fixme</span>
62 <span id="tab_data" onclick="tab_select('data');" class="tab_unselected" title="View database information">Data</span>
63 </div>
64
65 <div class="tab_content" id="tab_fixme_div">
66
67 <div class="hideshow_box">
68 <span class="hideshow_title">OSM "fixme" Tags</span> This web page allows
69 viewing the "fixme" tags in OSM data. It is generated using a modified
70 version of the Routino router data processor.
71 <div class="center">
72 <a target="other" href="http://www.routino.org/">Routino Website</a>
73 </div>
74 </div>
75
76 <div class="hideshow_box">
77 <span class="hideshow_title">Instructions</span>
78 Zoom in and then use the button below to download the data. The
79 server will only return data if the selected area is small enough.
80 </div>
81
82 <div class="hideshow_box">
83 <span class="hideshow_title">Status</span>
84 <div id="result_status">
85 <div id="result_status_no_data">
86 <b><i>No data displayed</i></b>
87 </div>
88 <div id="result_status_data" style="display: none;">
89 </div>
90 <div id="result_status_failed" style="display: none;">
91 <b>Failed to get fixme data!</b>
92 </div>
93 <div id="result_status_fixme" style="display: none;">
94 <b>Processed # "fixme" tags</b>
95 </div>
96 </div>
97 </div>
98
99 <div class="hideshow_box">
100 <span class="hideshow_title">Get Data</span>
101 <input type="button" id="fixme" onclick="displayData('fixmes');" value="Display &quot;fixme&quot; tags">
102 <input type="button" id="clear" onclick="displayData('');" value="Clear data">
103 <br>
104 The points displayed on the map are the location of items in the OSM data
105 that are tagged with "fixme" = "...". Clicking on one of the points will
106 display the Node, Way or Relation identifier and the contents of the tag.
107 </div>
108
109 <div class="hideshow_box">
110 <span class="hideshow_title">Links</span>
111 <a id="permalink_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="fixme.html">Permanent link to this view</a>
112 <br>
113 <a id="edit_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" target="edit" style="display: none;">Edit OSM source data</a>
114 </div>
115
116 <div class="hideshow_box">
117 <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">+</span>
118 <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">-</span>
119 <span class="hideshow_title">Help</span>
120 <div id="hideshow_help_options_div">
121 <div class="scrollable">
122 <b>Quick Start</b>
123 <br>
124 Zoom to an area and select one of the buttons to display the fixme data.
125 <p>
126 <b>Data Failure</b>
127 <br>
128 If the area selected is too large (depends on the data type) then the
129 status will say "Failed to get fixme data" - zoom in and try again.
130 <br>
131 </div>
132 </div>
133 </div>
134 </div>
135
136 <div class="tab_content" id="tab_data_div" style="display: none;">
137 <div class="hideshow_box">
138 <span class="hideshow_title">Statistics</span>
139 <div id="statistics_data"></div>
140 <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a>
141 </div>
142 </div>
143
144 </div>
145
146 <!-- Right hand side of window - map -->
147
148 <div class="right_panel">
149 <div class="map" id="map">
150 <noscript>
151 <p>
152 Javascript is <em>required</em> to use this web page because of the
153 interactive map.
154 </noscript>
155 </div>
156 <div class="attribution">
157 Data Generator: <a href="http://www.routino.org/" target="routino">Routino</a>
158 |
159 Geo Data: <span id="attribution_data"></span>
160 |
161 Tiles: <span id="attribution_tile"></span>
162 </div>
163 </div>
164
165 </body>
166
167 </html>