Skip to content

Commit a52916b

Browse files
geographikageographika
committed
Merge branch 'master' of https://github.com/mapserver/mapserver-demo into osgeo-live
2 parents 86f3cdb + 67c0497 commit a52916b

11 files changed

+877
-835
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>

‎index.html‎

Lines changed: 47 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,55 @@
1+
<!DOCTYPE html>
12
<html>
2-
<head>
3+
<head>
4+
<meta charset="utf-8" />
35
<title>MapServer Itasca Application</title>
4-
<script language="javascript">
5-
function configure() {
6-
var template = document.demo.template.options[document.demo.template.selectedIndex].value;
6+
<script language="javascript">
7+
function configure() {
8+
var template = document.demo.template.options[document.demo.template.selectedIndex].value;
79

8-
var snippet = " TEMPLATE " + template;
9-
document.demo.map_web.value = snippet;
10-
11-
if(template.indexOf("frame") != -1) document.demo.action = "frames.html";
12-
if(template.indexOf("dhtml") != -1) document.demo.action = "frames_dhtml.html";
13-
}
14-
</script>
15-
</head>
16-
<body bgcolor="#FFFFFF">
10+
var snippet = " TEMPLATE " + template;
11+
document.demo.map_web.value = snippet;
1712

18-
<center><h2>MapServer Itasca Application (ms v7.0)</h2></center>
19-
<p><hr><p>
20-
This demonstration application will take you through various levels of complexity. Starting with a basic application that
21-
allows a user to pan/zoom and change layers we add:
22-
<ul>
23-
<li> dynamically configured scalebars
24-
<li> javascript-based panning
25-
<li> query results to a frame
26-
<li> and finally, a DHTML rubber-band zoom/query capabilty
27-
</ul>
28-
The base data is the old-reliable Itasca dataset that we know and love...
29-
13+
if (template.indexOf("frame") != -1) document.demo.action = "frames.html";
14+
if (template.indexOf("dhtml") != -1) document.demo.action = "frames_dhtml.html";
15+
}
16+
</script>
17+
</head>
18+
<body bgcolor="#FFFFFF">
19+
<center><h2>MapServer Itasca Application (ms v7)</h2></center>
20+
<p>
21+
<hr />
22+
This demonstration application will take you through various levels of complexity. Starting with a basic application that
23+
allows a user to pan/zoom and change layers we add:
24+
<ul>
25+
<li> dynamically configured scalebars</li>
26+
<li> JavaScript-based panning</li>
27+
<li> query results to a frame</li>
28+
<li> and finally, a DHTML rubber-band zoom/query capability</li>
29+
</ul>
30+
The base data is the old-reliable Itasca dataset that we know and love...
31+
</p>
3032
<!-- EDIT THE FORM ACTION -->
3133
<form name="demo" method="GET" action="/cgi-bin/mapserv" onSubmit="configure()">
32-
33-
<input type="hidden" name="layer" value="lakespy2">
34-
<input type="hidden" name="layer" value="dlgstln2">
35-
<input type="hidden" name="zoomsize" value=2>
36-
<input type="hidden" name="map_web" value="">
37-
38-
<!-- EDIT THESE HIDDEN VARIABLES -->
39-
<input type="hidden" name="map" value="/usr/local/www/docs_maps/mapserver_demos/workshop/itasca.map">
40-
<input type="hidden" name="program" value="/cgi-bin/mapserv">
41-
<input type="hidden" name="root" value="/mapserver_demos/workshop">
42-
43-
<select name="template" size="1">
44-
<option value="itasca_basic.html"> Basic Application
45-
<option value="itasca_adds_scalebar.html"> &nbsp;&nbsp;-- Adds second scalebar
46-
<option value="itasca_adds_pan.html"> &nbsp;&nbsp;-- Adds pan controls
47-
<option value="itasca_adds_frames.html"> &nbsp;&nbsp;-- Adds frames
48-
<option value="itasca_adds_dhtml.html"> &nbsp;&nbsp;-- Adds dhtml rubber-band box
49-
</select>
50-
<input type="submit" value="Initialize"></center>
51-
34+
<input type="hidden" name="layer" value="ctybdpy2">
35+
<input type="hidden" name="layer" value="lakespy2">
36+
<input type="hidden" name="layer" value="dlgstln2">
37+
<input type="hidden" name="zoomsize" value=2>
38+
<input type="hidden" name="map_web" value="">
39+
<!-- EDIT THESE HIDDEN VARIABLES -->
40+
<input type="hidden" name="map" value="/usr/local/www/docs_maps/mapserver_demos/workshop/itasca.map">
41+
<input type="hidden" name="program" value="/cgi-bin/mapserv">
42+
<input type="hidden" name="root" value="/mapserver_demos/workshop">
43+
<select name="template" size="1">
44+
<option value="itasca_basic.html"> Basic Application
45+
<option value="itasca_adds_scalebar.html"> &nbsp;&nbsp;-- Adds second scalebar
46+
<option value="itasca_adds_pan.html"> &nbsp;&nbsp;-- Adds pan controls
47+
<option value="itasca_adds_frames.html"> &nbsp;&nbsp;-- Adds frames
48+
<option value="itasca_adds_dhtml.html"> &nbsp;&nbsp;-- Adds dhtml rubber-band box
49+
</select>
50+
<input type="submit" value="Initialize">
5251
</form>
53-
54-
<p><hr>
55-
<table width="100%"><tr><td align="right">Powered by MapServer</td></tr></table>
56-
</body>
52+
<hr />
53+
<table style="width:100%"><tr><td align="right">Powered by MapServer</td></tr></table>
54+
</body>
5755
</html>

0 commit comments

Comments
 (0)