forked from aFarkas/html5shiv
/
object-test.html
78 lines (76 loc) · 2.3 KB
/
object-test.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Shiv</title>
<link rel="stylesheet" href="style.css">
<style>
.box {
position: relative;
zoom: 1;
}
.swf-overlay {
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 100px;
border: 1px solid #000;
}
</style>
<script src="../src/html5shiv.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script>
swfobject.registerObject('static-id', '6.0.0');
swfobject.embedSWF('data/paramtracer.swf', 'dynamic-id', '480', '420', '6.0.0', null, { 'aFlashVar': 'aFlashVarValue' }, { 'wmode': 'transparent' });
</script>
</head>
<body>
<section>This sentence has 3px solid border <mark>with these words highlighted</mark>.</section>
<h1>static swfobject</h1>
<div class="box">
<object id="static-id" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="420">
<param name="movie" value="data/paramtracer.swf">
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="data/paramtracer.swf" width="480" height="420">
<!--<![endif]-->
<param name="flashvars" value="aFlashVar=aFlashVarValue">
<param name="wmode" value="transparent">
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<div class="swf-overlay"></div>
</div>
<h1>dynamic swfobject</h1>
<div class="box">
<div id="dynamic-id">
</div>
<div class="swf-overlay"></div>
</div>
<h1>innerHTML object</h1>
<div class="box" id="checkinner">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="420">
<param name="movie" value="data/paramtracer.swf">
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="data/paramtracer.swf" width="480" height="420">
<!--<![endif]-->
<param name="flashvars" value="aFlashVar=aFlashVarValue">
<param name="wmode" value="transparent">
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<div class="swf-overlay"></div>
</div>
<script>
(function(){
var box = document.getElementById('checkinner');
var box2 = document.createElement('div');
box2.innerHTML = box.innerHTML;
box.innerHTML = '';
box.appendChild(box2);
})();
</script>
<body>
</html>