Skip to content

Commit 46e4939

Browse files
geographikageographika
committed
HTML formatting and validation, and add county boundary as an option in drop-down
1 parent 499331f commit 46e4939

10 files changed

+830
-786
lines changed

‎blank.html‎

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,9 @@
1-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
1+
<!DOCTYPE html>
22
<HTML>
33
<HEAD>
4-
<TITLE> A blank page... </TITLE>
4+
<TITLE> A blank page... </TITLE>
55
</HEAD>
6-
76
<BODY BGCOLOR="#ffffff">
8-
9-
This is the query result frame...
10-
7+
This is the query result frame...
118
</BODY>
129
</HTML>

‎dhtml_test1.html‎

Lines changed: 49 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,50 @@
1-
<html><head><title>DHTML Interface Test</title>
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>DHTML Interface Test</title>
5+
<script type="text/javascript" src="javascript/cbe/cbe_core.js"></script>
6+
<script type="text/javascript" src="javascript/cbe/cbe_event.js"></script>
7+
<script type="text/javascript" src="javascript/cbe/cbe_util.js"></script>
8+
<script type="text/javascript" src="javascript/cbe/cbe_debug.js"></script>
9+
<script type="text/javascript" src="javascript/cbe/cbe_slide.js"></script>
10+
<script type="text/javascript">
11+
<!--
12+
var map, anchor;
13+
function windowOnload() {
14+
// with (map = cbeGetElementById('map').cbe) {
15+
// resizeTo(400,400);
16+
// moveTo('ne',1);
17+
// show();
18+
// }
19+
map = cbeGetElementById('map').cbe
20+
map.resizeTo(400, 400);
21+
map.moveTo('ne', 1);
22+
map.show();
223

3-
<script type="text/javascript" src="javascript/cbe/cbe_core.js"></script>
4-
<script type="text/javascript" src="javascript/cbe/cbe_event.js"></script>
5-
<script type="text/javascript" src="javascript/cbe/cbe_util.js"></script>
6-
<script type="text/javascript" src="javascript/cbe/cbe_debug.js"></script>
7-
<script type="text/javascript" src="javascript/cbe/cbe_slide.js"></script>
8-
9-
<script type="text/javascript"><!--
10-
var map, anchor;
11-
function windowOnload() {
12-
// with (map = cbeGetElementById('map').cbe) {
13-
// resizeTo(400,400);
14-
// moveTo('ne',1);
15-
// show();
16-
// }
17-
map = cbeGetElementById('map').cbe
18-
map.resizeTo(400,400);
19-
map.moveTo('ne',1);
20-
map.show();
21-
22-
anchor = cbeGetElementById('anchor').cbe;
23-
cbeMouseMoveStatus();
24-
}
25-
//--></script></head><body bgcolor="#cccccc">
26-
27-
<table border="1">
28-
<tbody>
29-
<tr>
30-
<td>This<br> workshop<br> is<br> lame.<br></td>
31-
<td>
32-
<div id="anchor" style="position: relative; visibility: visible; width: 400px; height: 400px; left: 0px; top: 0px;">
33-
<!-- place holder image, same size as the map -->
34-
<img width="400" height="400" src="graphics/red_pixel.gif">
35-
</div>
36-
<div id="map" style="background: transparent none repeat scroll 0%; clip: rect(0px, 400px, 400px, 0px); position: absolute; -moz-background-clip: initial; -moz-background-inline-policy: initial; -moz-background-origin: initial; width: 400px; height: 400px; visibility: inherit; left: 555px; top: 1px;">
37-
<!-- <div id='map' style='position:absolute; visibility:visible; width:400px; height:400px; clip:rect(0px,0px,400px,400px); background:transparent;'> -->
38-
<img name="main" src="graphics/white_pixel.gif" alt="the map" border="0" width="400" height="400">
39-
</div>
40-
</td>
41-
</tr>
42-
</tbody></table>
43-
44-
<a href="javascript:map.moveTo(anchor.pageX(),anchor.pageY())">move map</a>
45-
<a href="javascript:map.moveTo('ne',1)">reset map</a>
46-
47-
</body></html>
24+
anchor = cbeGetElementById('anchor').cbe;
25+
cbeMouseMoveStatus();
26+
}
27+
//--></script>
28+
</head>
29+
<body bgcolor="#cccccc">
30+
<table border="1">
31+
<tbody>
32+
<tr>
33+
<td>This<br> workshop<br> is<br> lame.<br></td>
34+
<td>
35+
<div id="anchor" style="position: relative; visibility: visible; width: 400px; height: 400px; left: 0px; top: 0px;">
36+
<!-- place holder image, same size as the map -->
37+
<img width="400" height="400" src="graphics/red_pixel.gif">
38+
</div>
39+
<div id="map" style="background: transparent none repeat scroll 0%; clip: rect(0px, 400px, 400px, 0px); position: absolute; -moz-background-clip: initial; -moz-background-inline-policy: initial; -moz-background-origin: initial; width: 400px; height: 400px; visibility: inherit; left: 555px; top: 1px;">
40+
<!-- <div id='map' style='position:absolute; visibility:visible; width:400px; height:400px; clip:rect(0px,0px,400px,400px); background:transparent;'> -->
41+
<img name="main" src="graphics/white_pixel.gif" alt="the map" border="0" width="400" height="400">
42+
</div>
43+
</td>
44+
</tr>
45+
</tbody>
46+
</table>
47+
<a href="javascript:map.moveTo(anchor.pageX(),anchor.pageY())">move map</a>
48+
<a href="javascript:map.moveTo('ne',1)">reset map</a>
49+
</body>
50+
</html>

‎dhtml_test2.html‎

Lines changed: 54 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,56 @@
1-
<html><head><title>DHTML Interface Test</title>
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>DHTML Interface Test</title>
5+
<script type="text/javascript" src="javascript/cbe/cbe_core.js"></script>
6+
<script type="text/javascript" src="javascript/cbe/cbe_event.js"></script>
7+
<script type="text/javascript" src="javascript/cbe/cbe_util.js"></script>
8+
<script type="text/javascript" src="javascript/cbe/cbe_debug.js"></script>
9+
<script type="text/javascript" src="javascript/cbe/cbe_slide.js"></script>
10+
<script type="text/javascript">
11+
<!--
12+
var map, anchor;
13+
function windowOnload() {
14+
// with (map = cbeGetElementById('map').cbe) {
15+
// resizeTo(400,400);
16+
// moveTo('ne',1);
17+
// show();
18+
// }
19+
map = cbeGetElementById('map').cbe
20+
map.resizeTo(400, 400);
21+
map.moveTo('ne', 1);
22+
map.show();
223

3-
<script type="text/javascript" src="javascript/cbe/cbe_core.js"></script>
4-
<script type="text/javascript" src="javascript/cbe/cbe_event.js"></script>
5-
<script type="text/javascript" src="javascript/cbe/cbe_util.js"></script>
6-
<script type="text/javascript" src="javascript/cbe/cbe_debug.js"></script>
7-
<script type="text/javascript" src="javascript/cbe/cbe_slide.js"></script>
24+
anchor = cbeGetElementById('anchor').cbe;
25+
cbeMouseMoveStatus();
26+
}
827

9-
<script type="text/javascript"><!--
10-
var map, anchor;
11-
function windowOnload() {
12-
// with (map = cbeGetElementById('map').cbe) {
13-
// resizeTo(400,400);
14-
// moveTo('ne',1);
15-
// show();
16-
// }
17-
map = cbeGetElementById('map').cbe
18-
map.resizeTo(400,400);
19-
map.moveTo('ne',1);
20-
map.show();
21-
22-
anchor = cbeGetElementById('anchor').cbe;
23-
cbeMouseMoveStatus();
24-
}
25-
26-
function swapimage() {
27-
document.testimg.src = "graphics/reference.gif";
28-
}
29-
//--></script></head><body bgcolor="#cccccc">
30-
31-
<img name="testimg" src="graphics/red_pixel.gif">
32-
<table border="1">
33-
<tbody>
34-
<tr>
35-
<td>This<br> workshop<br> is<br> lame.<br></td>
36-
<td>
37-
<div id="anchor" style="position: relative; visibility: visible; width: 400px; height: 400px; left: 0px; top: 0px;">
38-
<!-- place holder image, same size as the map -->
39-
<img width="400" height="400" src="graphics/red_pixel.gif">
40-
</div>
41-
<div id="map" style="background: transparent none repeat scroll 0%; clip: rect(0px, 400px, 400px, 0px); position: absolute; -moz-background-clip: initial; -moz-background-inline-policy: initial; -moz-background-origin: initial; width: 400px; height: 400px; visibility: inherit; left: 555px; top: 1px;">
42-
<!-- <div id='map' style='position:absolute; visibility:visible; width:400px; height:400px; clip:rect(0px,0px,400px,400px); background:transparent;'> -->
43-
<img name="main" src="graphics/white_pixel.gif" alt="the map" border="0" width="400" height="400">
44-
</div>
45-
</td>
46-
</tr>
47-
</tbody></table>
48-
49-
<a href="javascript:map.moveTo(anchor.pageX(),anchor.pageY())">move map</a>
50-
<a href="javascript:map.moveTo('ne',1)">reset map</a>
51-
<a href="javascript:swapimage()">swap images</a>
52-
53-
</body></html>
28+
function swapimage() {
29+
document.testimg.src = "graphics/reference.gif";
30+
}
31+
//--></script>
32+
</head>
33+
<body bgcolor="#cccccc">
34+
<img name="testimg" src="graphics/red_pixel.gif">
35+
<table border="1">
36+
<tbody>
37+
<tr>
38+
<td>This<br> workshop<br> is<br> lame.<br></td>
39+
<td>
40+
<div id="anchor" style="position: relative; visibility: visible; width: 400px; height: 400px; left: 0px; top: 0px;">
41+
<!-- place holder image, same size as the map -->
42+
<img width="400" height="400" src="graphics/red_pixel.gif">
43+
</div>
44+
<div id="map" style="background: transparent none repeat scroll 0%; clip: rect(0px, 400px, 400px, 0px); position: absolute; -moz-background-clip: initial; -moz-background-inline-policy: initial; -moz-background-origin: initial; width: 400px; height: 400px; visibility: inherit; left: 555px; top: 1px;">
45+
<!-- <div id='map' style='position:absolute; visibility:visible; width:400px; height:400px; clip:rect(0px,0px,400px,400px); background:transparent;'> -->
46+
<img name="main" src="graphics/white_pixel.gif" alt="the map" border="0" width="400" height="400">
47+
</div>
48+
</td>
49+
</tr>
50+
</tbody>
51+
</table>
52+
<a href="javascript:map.moveTo(anchor.pageX(),anchor.pageY())">move map</a>
53+
<a href="javascript:map.moveTo('ne',1)">reset map</a>
54+
<a href="javascript:swapimage()">swap images</a>
55+
</body>
56+
</html>

‎frames.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<!DOCTYPE html>
12
<html>
23
<head>
34
<title>MapServer - Itasca Application</title>

‎frames_dhtml.html‎

Lines changed: 19 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,25 @@
1+
<!DOCTYPE html>
12
<html>
2-
<head>
3+
<head>
34
<title>MapServer - Itasca Application</title>
45
<script language="javascript">
5-
function load_map_frame() {
6-
var template;
7-
var query = location.search.substring(1);
8-
var pairs = query.split("&");
9-
for(var i = 0; i < pairs.length; i++) {
10-
var pos = pairs[i].indexOf('=');
11-
if (pos == -1) continue;
12-
var name = pairs[i].substring(0,pos);
6+
function load_map_frame() {
7+
var template;
8+
var query = location.search.substring(1);
9+
var pairs = query.split("&");
10+
for (var i = 0; i < pairs.length; i++) {
11+
var pos = pairs[i].indexOf('=');
12+
if (pos == -1) continue;
13+
var name = pairs[i].substring(0, pos);
14+
}
15+
parent.map_frame.location.href = "itasca_adds_dhtml.html?" + query;
1316
}
14-
parent.map_frame.location.href = "itasca_adds_dhtml.html?" + query;
15-
}
1617
</script>
17-
</head>
18-
<frameset rows="*,100" frameborder="0" border="0" onLoad="load_map_frame()">
19-
<frame src="blank.html" name="map_frame" marginwidth="5" marginheight="5" scrolling="YES">
20-
<frame src="blank.html" name="query_frame" marginwidth="5" marginheight="5" scrolling="YES">
21-
</frameset>
18+
</head>
19+
<body>
20+
<frameset rows="*,100" frameborder="0" border="0" onLoad="load_map_frame()">
21+
<frame src="blank.html" name="map_frame" marginwidth="5" marginheight="5" scrolling="YES">
22+
<frame src="blank.html" name="query_frame" marginwidth="5" marginheight="5" scrolling="YES">
23+
</frameset>
24+
</body>
2225
</html>

0 commit comments

Comments
 (0)