Mercurial > open-web-challenges

changeset 16:906296a2d436

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Added a second challenge.
author Atul Varma <varmaa@toolness.com>
date Tue, 31 Mar 2009 07:13:03 -0700
parents 54c74d62bb5e
children 3e4f23f2c911
files index.html open-web-challenges.js
diffstat 2 files changed, 26 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/index.html	Tue Mar 31 01:12:55 2009 -0700
+++ b/index.html	Tue Mar 31 07:13:03 2009 -0700
@@ -41,6 +41,31 @@
       }
     </div>
   </div>
+  <div id="challenge-2" class="challenge">
+    <div class="content">
+      <p>Use <a href="http://docs.jquery.com">jQuery</a> to make the
+      box below fade away.</p>
+      <span class="boxed">hai2u</span>
+    </div>
+    <div class="hints">
+      <p>You can use Firebug's “Console” tab to execute arbitrary
+      JavaScript code on the page.</p>
+      <p>jQuery is already loaded into the page; you can access it
+      in the console via the name <tt>jQuery</tt>.</p>
+      <p>Check out the documentation on <tt><a
+      href="http://docs.jquery.com/Core/jQuery#expressioncontext">jQuery(expression)</a></tt>. You
+      can use this to easily get ahold of any elements on a page using
+      a <a href="http://docs.jquery.com/Selectors">CSS selector</a>.</p>
+      <p>Check out jQuery's documentation on <a
+      href="http://docs.jquery.com/Effects">effects</a>.</p>
+    </div>
+    <div class="validator">
+      function(query) {
+        return query.find(".boxed:hidden").length == 1;
+      }
+    </div>
+  </div>
+
 </body>
 <script src="jquery.js"></script>
 <script src="open-web-challenges.js"></script>
--- a/open-web-challenges.js	Tue Mar 31 01:12:55 2009 -0700
+++ b/open-web-challenges.js	Tue Mar 31 07:13:03 2009 -0700
@@ -57,7 +57,7 @@
 $(window).ready(
   function() {
     function showChallenge() {
-      OWC.load(1);
+      OWC.load(2);
     }
 
     if ($('#_firebugConsole').length)