-
Notifications
You must be signed in to change notification settings - Fork 5
/
dhtml_test2.html
56 lines (54 loc) · 2.51 KB
/
dhtml_test2.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
<!DOCTYPE html>
<html>
<head>
<title>DHTML Interface Test</title>
<script type="text/javascript" src="javascript/cbe/cbe_core.js"></script>
<script type="text/javascript" src="javascript/cbe/cbe_event.js"></script>
<script type="text/javascript" src="javascript/cbe/cbe_util.js"></script>
<script type="text/javascript" src="javascript/cbe/cbe_debug.js"></script>
<script type="text/javascript" src="javascript/cbe/cbe_slide.js"></script>
<script type="text/javascript">
<!--
var map, anchor;
function windowOnload() {
// with (map = cbeGetElementById('map').cbe) {
// resizeTo(400,400);
// moveTo('ne',1);
// show();
// }
map = cbeGetElementById('map').cbe
map.resizeTo(400, 400);
map.moveTo('ne', 1);
map.show();
anchor = cbeGetElementById('anchor').cbe;
cbeMouseMoveStatus();
}
function swapimage() {
document.testimg.src = "graphics/reference.gif";
}
//--></script>
</head>
<body bgcolor="#cccccc">
<img name="testimg" src="graphics/red_pixel.gif">
<table border="1">
<tbody>
<tr>
<td>This<br> workshop<br> is<br> lame.<br></td>
<td>
<div id="anchor" style="position: relative; visibility: visible; width: 400px; height: 400px; left: 0px; top: 0px;">
<!-- place holder image, same size as the map -->
<img width="400" height="400" src="graphics/red_pixel.gif">
</div>
<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;">
<!-- <div id='map' style='position:absolute; visibility:visible; width:400px; height:400px; clip:rect(0px,0px,400px,400px); background:transparent;'> -->
<img name="main" src="graphics/white_pixel.gif" alt="the map" border="0" width="400" height="400">
</div>
</td>
</tr>
</tbody>
</table>
<a href="javascript:map.moveTo(anchor.pageX(),anchor.pageY())">move map</a>
<a href="javascript:map.moveTo('ne',1)">reset map</a>
<a href="javascript:swapimage()">swap images</a>
</body>
</html>