tot - Check-in [5]
Not logged in 		[Browse]  [Home]  [Login]  [Reports]  [Search]  [Timeline] 
  [Patchset] 
Check-in Number: 5
Date: 2007-Feb-15 20:15:26 (local)
2007-Feb-15 19:15:26 (UTC)
User:rse
Branch:
Comment: add a few trivial demos
Tickets:
Inspections:
Files:
jquery/jquery.alternation.html      added-> 5
jquery/jquery.schedule.html      added-> 5 
Added: jquery/jquery.alternation.html
===================================================================
--- jquery/jquery.alternation.html	                        (rev 0)
+++ jquery/jquery.alternation.html	2007-02-15 19:15:26 UTC (rev 5)
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+    <head>
+        <title>jQuery Alternation Plugin Demo</title>
+        <script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>
+        <script type="text/javascript" src="jquery.alternation.js"></script>
+    </head>
+    <body>              
+        <h1>jQuery Alternation Plugin Demo</h1>
+        <ul id="test">                  
+            <li>
+                <a href="#n1">
+                    1 Lorem ipsum dolor<br/>
+                    1 Lorem ipsum dolor<br/>
+                    1 Lorem ipsum dolor<br/>
+                </a>
+            </li>
+            <li>
+                <a href="#n2">
+                    2 Sit amet, consectetuer<br/>
+                    2 Sit amet, consectetuer<br/>
+                    2 Sit amet, consectetuer<br/>
+                </a>
+            </li>                   
+            <li>
+                <a href="#n3">
+                    3 Sdipiscing elit,<br/>
+                    3 Sdipiscing elit,<br/>
+                    3 Sdipiscing elit,<br/>
+                </a>
+            </li>                   
+            <li>
+                <a href="#n4">
+                    4 sed diam nonummy nibh euismod tincidunt ut<br/>
+                    4 sed diam nonummy nibh euismod tincidunt ut<br/>
+                    4 sed diam nonummy nibh euismod tincidunt ut<br/>
+                </a>
+            </li>                   
+        </ul>
+        <script type="text/javascript">
+            $(document).ready(
+                function(){
+                    $('#test').alternation({
+                        animation: 'fade',
+                        speed: 750,
+                        timeout: 2000,
+                        alternation: 'random',
+                        height: '3em'
+                    });
+            });
+         </script>
+    </body>
+</html>

Added: jquery/jquery.schedule.html
===================================================================
--- jquery/jquery.schedule.html	                        (rev 0)
+++ jquery/jquery.schedule.html	2007-02-15 19:15:26 UTC (rev 5)
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+    <head>
+        <title>jQuery Scheduler Plugin Demo</title>
+        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+        <script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>
+        <script type="text/javascript" src="jquery.schedule.js"></script>
+    </head>
+    <body>              
+        <h1>jQuery Scheduler Plugin Demo</h1>
+
+        <div id="log">(empty log)</div>
+        <div id="test">TEST</div>
+
+        <script type="text/javascript">
+            $(document).ready(
+                function(){
+                    $('#test').click(function () {
+                        $(this).css("color", "blue").schedule("2s", function (x) {
+                            $(this).css("color", "red");
+                            $("#log").html("x=|"+x+"|");
+                        }, 42);
+                    });
+            });
+         </script>
+    </body>
+</html>