|
1 <html> |
|
2 <head> |
|
3 <style type="text/css"> |
|
4 embed,object { |
|
5 border: 1px solid black; |
|
6 } |
|
7 |
|
8 embed:-moz-handler-disabled, |
|
9 object:-moz-handler-disabled { |
|
10 border-style: dotted !important; |
|
11 } |
|
12 |
|
13 embed:-moz-handler-blocked, |
|
14 object:-moz-handler-blocked { |
|
15 border-style: dashed !important; |
|
16 } |
|
17 |
|
18 embed:-moz-type-unsupported, |
|
19 object:-moz-type-unsupported { |
|
20 border-style: none !important; |
|
21 } |
|
22 </style> |
|
23 <script type="text/javascript"> |
|
24 function plugin_binding_attached(event) { |
|
25 window.parent.plugin_binding_attached(event); |
|
26 } |
|
27 document.addEventListener("PluginBindingAttached", plugin_binding_attached, true, true); |
|
28 </script> |
|
29 </head> |
|
30 <body> |
|
31 <!-- Embeds always fire events and have the pseudo class attached --> |
|
32 <div><embed id="plugin1" style="width: 100px; height: 100px" type="application/x-test"></div> |
|
33 <div><embed id="plugin2" style="width: 100px; height: 100px" src="data:application/x-test,test"></div> |
|
34 |
|
35 <!-- So do objects with a type/uri and no content --> |
|
36 <div><object id="plugin3" style="width: 100px; height: 100px" type="application/x-test"></object></div> |
|
37 <div><object id="plugin4" style="width: 100px; height: 100px" data="data:application/x-test,test"></object></div> |
|
38 |
|
39 <!-- Params are not considered content --> |
|
40 <div><object id="plugin5" style="width: 100px; height: 100px" type="application/x-test"> |
|
41 <param name="foo" value="bar"> |
|
42 </object></div> |
|
43 <div><object id="plugin6" style="width: 100px; height: 100px" data="data:application/x-test,test"> |
|
44 <param name="foo" value="bar"> |
|
45 </object></div> |
|
46 |
|
47 <!-- Nor is whitespace --> |
|
48 <div><object id="plugin7" style="width: 100px; height: 100px" type="application/x-test"> |
|
49 |
|
50 |
|
51 </object></div> |
|
52 <div><object id="plugin8" style="width: 100px; height: 100px" data="data:application/x-test,test"> |
|
53 |
|
54 |
|
55 </object></div> |
|
56 |
|
57 <!-- No errors or psuedo classes for objects with fallback content --> |
|
58 <div><object id="fallback1" style="width: 100px; height: 100px" type="application/x-test"> |
|
59 <p>Fallback content</p> |
|
60 </object></div> |
|
61 <div><object id="fallback2" style="width: 100px; height: 100px" data="data:application/x-test,test"> |
|
62 <p>Fallback content</p> |
|
63 </object></div> |
|
64 |
|
65 <!-- Even other plugins are considered content so no errors dispatched from these |
|
66 objects, but the inner embeds do get processed --> |
|
67 <div><object id="fallback3" style="width: 100px; height: 100px" type="application/x-test"> |
|
68 <embed id="plugin9" style="width: 100px; height: 100px" type="application/x-test"> |
|
69 </object></div> |
|
70 <div><object id="fallback4" style="width: 100px; height: 100px" data="data:application/x-test,test"> |
|
71 <embed id="plugin10" style="width: 100px; height: 100px" type="application/x-test"> |
|
72 </object></div> |
|
73 |
|
74 <!-- pluginurl was removed in bug 548133, and should not affect fallback --> |
|
75 <div><object id="plugin11" style="width: 100px; height: 100px" data="data:application/x-test,test"> |
|
76 <param name="pluginurl"> |
|
77 </object></div> |
|
78 |
|
79 <div><object id="fallback5" style="width: 100px; height: 100px" data="data:application/x-test,test"> |
|
80 <param name="pluginurl"> |
|
81 Fallback content |
|
82 </object></div> |
|
83 |
|
84 </body> |
|
85 </html> |