/
index_ie9.html
301 lines (285 loc) · 9.29 KB
/
index_ie9.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
< !DOCTYPE html >
< html >
< head >
< title > Environmental Health Atlas
for England and Wales < /title>
<meta charset="utf-8" / >
<!--<meta name="keywords" content="health , environmental , epidemiology, atlas , cancer , risk , england , wales , sahsu">
< meta name = "description"
content = "Collection of maps representing geographic patterns of disease and environmental exposure." >
< meta name = "viewport"
content = "width=device-width, initial-scale=1.0" > -->
<!--CSS Stylesheets-->
< link rel = "stylesheet"
href = "css/leaflet/0.6.2/leaflet.css" / >
<!--[if lte IE 8]><link rel="stylesheet" href="css/leaflet/0.6.2/leaflet.ie.css" /><![endif]-->
< link rel = "stylesheet"
href = "css/map_ha.css" / >
< link rel = "stylesheet"
href = "css/simpletabs.css" / >
<!-- FONTS -->
< link href = 'http://fonts.googleapis.com/css?family=Oswald'
rel = 'stylesheet'
type = 'text/css' >
< link href = 'http://fonts.googleapis.com/css?family=Source+Sans+Pro'
rel = 'stylesheet'
type = 'text/css' >
<!-- Spatial Data -->
< script src = "GEOJSONS/counties/counties.js"
type = "text/javascript" > < /script>
<!-- Libraries -->
<!--<script type="text/javascript
" src="
js / detect.js "></script>
<script type="
text / javascript " src="
js / libs / jquery1.7.1.js "></script>
<script type="
text / javascript " src="
js / libs / leaflet / leaflet - 0.6.2.js "></script>
<script src="
js / libs / flot / jquery.flot.js "></script>
<script src="
js / libs / simpleTabs / simpletabs_1.3.packed.js "></script>
<!--[if IE]><script language="
javascript " type="
text / javascript " src="
js / flot / excanvas.min.js "></script><![endif]-->
<!-- MY JS code -->
<!--<script type="
text / javascript " src="
js / EHA / eha.js "></script>
<script type="
text / javascript " src="
js / EHA / map / eha.map.js "></script>
<script type="
text / javascript " src="
js / EHA / map / eha.map.geojson.js "></script>
<script type="
text / javascript " src="
js / EHA / box / eha.box.js "></script>
<script type="
text / javascript " src="
js / EHA / graph / eha.graph.js "></script>
<script type="
text / javascript " src="
js / EHA / postcode / eha.postcode.js "></script>
<script src="
js / hover / hoverbox_counties.js " ></script>-->
</head>
<body>
<noscript>
<p>Your browser does not have JavaScript enabled!
This platform heavily relies on Javascript, please enable it (<a href="
http: //www.enable-javascript.com/">http://www.enable-javascript.com/</a>).</p>
< /noscript>
<div id="mainWrap">
<div id='menu'>
<div class='gender'>
<div>
<label for='female'><img src='images/female_m.png ' alt='
female ' /></label>
<input id='
female ' type='
radio ' name='
sex ' value='
female ' style='
margin - left: 8px ' />
</div>
<div><label for='
male ' ><img src='
images / male_m.png ' alt='
male ' /></label>
<input id='
male ' type='
radio ' name='
sex ' value='
male ' checked /></div>
</div>
<dl id='
sample ' class='
dropdown ' style='
width: 300px;
margin: 0;
padding: 0;
'>
<dt><a href='#
'><span>Lung Cancer</span></a></dt>
<dd>
<ul>
<li><a href='#
'>Lung Cancer<span class='
value '></span></a></li>
<li><a href='#
'>Leukaemia<span class='
value '></span></a></li>
<li><a href='#
'>Breast Cancer<span class='
value '></span></a></li>
<li><a href='#
'>Prostate Cancer<span class='
value '></span></a></li>
<li><a href='#
'>Bladder Cancer<span class='
value '></span></a></li>
<li><a href='#
'>Brain Cancer<span class='
value '></span></a></li>
<li><a href='#
'>COPD<span class='
value '></span></a></li>
<li><a href='#
'>IHD<span class='
value '></span></a></li>
<li><a href='#
'>Kidney Cancer<span class='
value '></span></a></li>
<li><a href='#
'>Larynx Cancer<span class='
value '></span></a></li>
<li><a href='#
'>Liver Cancer<span class='
value '></span></a></li>
<li><a href='#
'>Melanoma<span class='
value '></span></a></li>
<li><a href='#
'>Mesothelioma<span class='
value '></span></a></li>
</ul>
</dd>
</dl>
</div>
<div id='
rightCol '>
<div class="simpleTabs">
<ul class="simpleTabsNavigation">
<li><a href="#" id="diseaseInfo">LungCancer</a></li>
<li><a href="#">Risk Factors</a></li>
<li><a href="#">FAQ</a></li>
</ul>
<div class="simpleTabsContent" >
<div id="LungCancer" class="showInfo">
<div class='
rate '>
<h2>National male lung cancer rate (2009)</h2>
<p>58.8 cases per 100,000 population</p>
<p style='
font - size: 11px;
color: #FFB90F;
line - height: 15px '>
Cannot be directly compared to the Relative Risks (RR).
</p>
</div>
<ul>
<li>
Lung cancer is the second most common cancer in the UK among men and the third most common in women.
</li>
<li>
In England & Wales there were approximately 35,000 cases of lung cancer (19,800, male, 15,600 female) diagnosed and 30,000 deaths (17,000 male, 13,000 female) due to lung cancer in 2009, the last year of data for the maps.
</li>
<li>
The average (median) number of cases in a census ward was 47 in males and 26 in females over the twenty-five year period 1985-2009.
</li>
<li>
The maps show highest risks for lung cancer in conurbations and industrial areas of England & Wales. This is likely to reflect past smoking patterns and occupational exposures (e.g. to asbestos) with a smaller potential contribution from air pollution exposures.
</li>
</ul>
</div>
<!-- Textual information disease specific. -->
<div id="Leukaemia" class="diseases">
<div class='
rate '>
<h2>National leukaemia rate (2009)</h2>
<p>X cases per 100,000 population</p>
<p style='
font - size: 11px;
color: #FFB90F;
line - height: 15px '>
Cannot be directly compared to the Relative Risks (RR).
</p>
</div>
</div>
<div id="BreastCancer" class="diseases">
<div class='
rate '>
<h2>National breast cancer rate (2009)</h2>
<p>X cases per 100,000 population</p>
<p style='
font - size: 11px;
color: #FFB90F;
line - height: 15px '>
Cannot be directly compared to the Relative Risks (RR).
</p>
</div>
</div>
<div id="ProstateCancer" class="diseases"></div>
<div id="BladderCancer" class="diseases"></div>
<div id="BrainCancer" class="diseases"></div>
<div id="COPD" class="diseases"></div>
<div id="IHD" class="diseases"></div>
<div id="KidneyCancer" class="diseases"></div>
<div id="LarynxCancer" class="diseases"></div>
<div id="LiverCancer" class="diseases"></div>
<div id="Melanoma" class="diseases"></div>
<div id="Mesothelioma" class="diseases"></div>
</div>
<div class="simpleTabsContent">
<!--<input type='
text ' name='
postcode ' id='
postcode ' maxlength='
10 ' value="Enter Postcode" />
<div id="pcdInfo"></div>
<div id="pcdBtn">search</div>-->
<div>
The fraction of lung cancer attributable to lifestyle and environmental factors in males in the UK in 2010.
</div>
<img src='
images / lung_chart.png ' alt='
lung cancer attributable to environmental factors uk ' style ='
margin: 5 % 10 % ' />
</div>
<div class="simpleTabsContent">
<!--<h1>The Environment and Health Atlas</h1>
is a collection of maps representing geographic patterns of disease and environmental exposure.
<div class="parag">
<h2>Health maps </h2> are displayed as thematic maps at ward-level (1000 - 10000 people) covering a 26 year period,
produced for males and females 1985-2009. The figures displayed in this platform represent the area-specific relative
risks, a measure of risk in which the local population is compared with the total risk in England and Wales.
The analysis has taken into consideration the population age, sex and socio economic status, statistical methods to correct
small area random fluctuation have also been adopted.
</div>
The maps produced were developed specifically for the Atlas. Unlike other UK atlases (looking at district,
NHS board or primary care trust level), this Atlas provides a finer
spatial resolution than available previously to better show and understand geographical variability.
The maps provide a picture of long-term geographical variability. Conclusions about causal associations cannot
be drawn by directly overlaying environmental and health maps, contextual information and study is always
needed. Also, the maps cannot be used as evidence of clusters of disease, for which additional information
and analysis methods would be needed. -->
</div>
</div>
</div>
<div id="map"></div>
<div id="graphLegend"></div>
<div id="showhide">
<a href="#" class="shown">Show Chart</a>
<a href="#" class="hidden">Hide Chart</a></div>
<div id="graph"></div>
<div id='
countiesTooltip ' class='
hoverBox '>
<div class='
hoverCaption ' ></div>
</div>
<div id="myLayers"></div>
</div>
<!--<script>
EHA.map.init();
EHA.map.geojson.init();
EHA.box.init();
EHA.graph.init();
</script>
<script type="text/javascript" src="js/EHA/events/eha.events.js"></script>-->
</body>
</html>