coffeescript is the new official source

tdreyno · Aug 24, 2011 · 5e33968 · 5e33968
1 parent 89095a2
commit 5e33968
Show file tree

Hide file tree

Showing 5 changed files with 411 additions and 7,582 deletions.
diff --git a/coffee-demo.html b/coffee-demo.html
@@ -4,7 +4,7 @@
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <title>iPhone Style Radios Demo</title>
-  <script src="jquery/jquery-1.4.js" type="text/javascript"></script>
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
   <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
   <style type="text/css">
     body {
@@ -17,22 +17,28 @@
     .css_sized_container .iPhoneCheckContainer {
       width: 250px; }
   </style>
+  <script src="coffee/iphone-style-checkboxes.js" type="text/javascript"></script>
   <script src="coffee/coffee-script.js" type="text/javascript"></script>
   <script type="text/coffeescript">
     $(window).load ->
-      $.get "coffee/iphone-style-checkboxes.coffee", (data) ->
-        eval(CoffeeScript.compile(data))
+      ($ '.on_off :checkbox').iphoneStyle()
+
+      ($ '.disabled :checkbox').iphoneStyle()
+
+      ($ '.css_sized_container :checkbox').iphoneStyle
+        resizeContainer: false
+        resizeHandle: false
 
-        $('.on_off :checkbox').iphoneStyle()
-        $('.disabled :checkbox').iphoneStyle()
-        $('.css_sized_container :checkbox').iphoneStyle({ resizeContainer: false, resizeHandle: false })
-        $('.long_tiny :checkbox').iphoneStyle({ checkedLabel: 'Very Long Text', uncheckedLabel: 'Tiny' })
+      ($ '.long_tiny :checkbox').iphoneStyle
+        checkedLabel: 'Very Long Text'
+        uncheckedLabel: 'Tiny'
+
+      onchange_checkbox = ($ '.onchange :checkbox').iphoneStyle()
 
-        onchange_checkbox: $('.onchange :checkbox').iphoneStyle()
-        intervalCallback: ->
-          onchange_checkbox.attr('checked', !onchange_checkbox.is(':checked')).change()
-          $('span#status').html(onchange_checkbox.is(':checked').toString())
-        setInterval(intervalCallback, 2500)
+      setInterval ->
+        onchange_checkbox.prop('checked', !onchange_checkbox.is(':checked')).change()
+        $('span#status').html(onchange_checkbox.is(':checked').toString())
+      , 2500
   </script>
 
 </head>