1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns=
"http://www.w3.org/1999/xhtml" xml:
lang=
"en" lang=
"en">
4 <title>script.aculo.us Effects functional test file
</title>
5 <meta http-equiv=
"content-type" content=
"text/html; charset=utf-8" />
6 <script src=
"../../MochiKit/MochiKit.js" type=
"text/javascript"></script>
7 <script src=
"../../MochiKit/Position.js" type=
"text/javascript"></script>
8 <script src=
"../../MochiKit/Visual.js" type=
"text/javascript"></script>
9 <style type=
"text/css" media=
"screen">
11 #d1 { background-color: #fcb; width:
200px; height:
200px; float:left; }
12 #d2 { background-color: #cfb; font-size:
2em; width:
200px; height:
200px; float:left; }
13 #d3 { background-color: #bcf; font-size:
2em; width:
200px; height:
200px; float:left; }
19 <h1>script.aculo.us Effects functional test file
</h1>
21 <h2>Effect.Queue limit
</h2>
23 <a href=
"#" onclick=
"MochiKit.Visual.slideUp('slidingtwice',{queue:{scope:'myscope', position:'end', limit: 1}});">up
</a>
24 <a href=
"#" onclick=
"MochiKit.Visual.slideDown('slidingtwice',{queue:{scope:'myscope', position:'end', limit: 1}});">down
</a>
25 <div id=
"slidingtwice"><div style=
"background-color:#000;color:white;font-size:20px;height:300px;width:150px;">
26 Do a bit sliding in parallel, with a scoped queue, but I am limited to one : ) so don't try over and over again...