1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns=
"http://www.w3.org/1999/xhtml" xml:
lang=
"en" lang=
"en">
5 <title>script.aculo.us Effects functional test file
</title>
6 <meta http-equiv=
"content-type" content=
"text/html; charset=utf-8" />
7 <script src=
"../../MochiKit/MochiKit.js" type=
"text/javascript"></script>
8 <script src=
"../../MochiKit/Position.js" type=
"text/javascript"></script>
9 <script src=
"../../MochiKit/Visual.js" type=
"text/javascript"></script>
12 <h1>script.aculo.us fade/appear effect functional test
</h1>
13 <p>Note: these tests use the browser default CSS style rules.
</p>
16 <div id=
"test_div">TEST
</div>
17 <a href=
"#" onclick=
"MochiKit.Visual.fade('test_div'); return false;">MochiKit.Visual.fade
</a> |
18 <a href=
"#" onclick=
"MochiKit.Visual.appear('test_div'); return false;">MochiKit.Visual.appear
</a>
21 <span id=
"test_span">TEST
</span><br/>
22 <a href=
"#" onclick=
"MochiKit.Visual.fade('test_span'); return false;">MochiKit.Visual.fade
</a> |
23 <a href=
"#" onclick=
"MochiKit.Visual.appear('test_span'); return false;">MochiKit.Visual.appear
</a>
26 <p id=
"test_p">TEST
</p><br/>
27 <a href=
"#" onclick=
"MochiKit.Visual.fade('test_p'); return false;">MochiKit.Visual.fade
</a> |
28 <a href=
"#" onclick=
"MochiKit.Visual.appear('test_p'); return false;">MochiKit.Visual.appear
</a>
31 <img id=
"test_img" src=
"icon.png" alt=
"test image" /><br/>
32 <a href=
"#" onclick=
"MochiKit.Visual.fade('test_img'); return false;">MochiKit.Visual.fade
</a> |
33 <a href=
"#" onclick=
"MochiKit.Visual.appear('test_img'); return false;">MochiKit.Visual.appear
</a>
38 <p style=
"color:red;">The following elements are not supported with fade/appear on all browsers!
</p>
41 <table id=
"test_table"><tbody><tr><td>TEST
</td></tr></tbody></table>
42 <a href=
"#" onclick=
"MochiKit.Visual.fade('test_table'); return false;">MochiKit.Visual.fade
</a> |
43 <a href=
"#" onclick=
"MochiKit.Visual.appear('test_table'); return false;">MochiKit.Visual.appear
</a>
46 <table><tbody id=
"test_tbody"><tr><td>TEST
</td></tr></tbody></table>
47 <a href=
"#" onclick=
"MochiKit.Visual.fade('test_tbody'); return false;">MochiKit.Visual.fade
</a> |
48 <a href=
"#" onclick=
"MochiKit.Visual.appear('test_tbody'); return false;">MochiKit.Visual.appear
</a>
51 <table><tbody><tr id=
"test_tr"><td>TEST
</td></tr></tbody></table>
52 <a href=
"#" onclick=
"MochiKit.Visual.fade('test_tr'); return false;">MochiKit.Visual.fade
</a> |
53 <a href=
"#" onclick=
"MochiKit.Visual.appear('test_tr'); return false;">MochiKit.Visual.appear
</a>
56 <table><tbody><tr><td id=
"test_td">TEST
</td></tr></tbody></table>
57 <a href=
"#" onclick=
"MochiKit.Visual.fade('test_td'); return false;">MochiKit.Visual.fade
</a> |
58 <a href=
"#" onclick=
"MochiKit.Visual.appear('test_td'); return false;">MochiKit.Visual.appear
</a>