blob: 8fc56618507f2943cef351db228ee3c00761a619 (
plain)
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
|
<html>
<style>
.red { border: 2px solid red }
.green { border: 2px solid green }
.visible { visibility: visible}
.invisible { visibility: hidden}
//.invisible:hover { visibility: visible}
.abstop { position: absolute; left:0; right:0; height:30px }
.abs { position: absolute; left:0; right:0; top:0; bottom:0 }
</style>
<script>
var node1;
var node2;
function dotest()
{
//24
document.getElementById('24c').style.setProperty('visibility','hidden','');
document.getElementById('24a').removeChild(document.getElementById('24b'));
//25
document.getElementById('25c').style.setProperty('visibility','hidden','');
document.getElementById('25a').removeChild(document.getElementById('25b'));
//26
document.getElementById('26c').style.setProperty('visibility','hidden','');
document.getElementById('26a').removeChild(document.getElementById('26b'));
setTimeout(dotest2,20);
}
function dotest2()
{
//xx
//document.getElementById('23').style.setProperty('visibility','hidden','');
}
</script>
</head>
<body onload="setTimeout(dotest,20)">
<br><br><br><br>
24 green box with word ok:
<div id="24a" class="invisible abstop red">
<div class="abs invisible red">
<span>blah</span>
</div>
<div id="24b" class="abs invisible red">
</div>
<div id="24c" class="visible red">
</div>
<div class="visible green">
ok
</div>
</div>
<br><br><br><br>
25 green box with word ok:
<div id="25a" class="invisible abstop red">
<div class="invisible red">
</div>
<div class="abs invisible red">
</div>
<div id="25b" class="abs invisible red">
<span>blah</span>
</div>
<div id="25c" class="visible red">
</div>
<div class="visible green">
ok
</div>
</div>
<br><br><br><br>
26 green box with word ok:
<div id="26a" class="invisible abstop red">
<div class="invisible red">
<div>blah</div>
</div>
<div class="abs invisible red">
<span>blah</span>
</div>
<div id="26b" class="abs invisible red">
<span>blah</span>
</div>
<div id="26c" class="visible red">
</div>
<div class="visible green">
ok
</div>
</div>
<br><br><br><br>
</body>
</html>
|
