Adding a 'clear' button alongside 'run' for runnable code

Clears the output area; a nice-to-have feature when using this deck.js-codemirror as a teaching-aid.
iros · Dec 27, 2011 · e186f25 · e186f25
1 parent b6665f5
commit e186f25
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/deck.codemirror.css b/deck.codemirror.css
@@ -29,6 +29,8 @@
       top: 8px; }
     .deck-container .slide .CodeMirror .button:hover {
       background-color: #eee; }
+    .deck-container .slide .CodeMirror .button.clear {
+      margin-right: 50px; }
   .deck-container .slide .CodeMirror-scroll {
     /* overflow: auto; */
     /* This is needed to prevent an IE[67] bug where the scrolled content

diff --git a/deck.codemirror.js b/deck.codemirror.js
@@ -124,10 +124,20 @@
                 "class" : "button",
                 text : "Run"
               }).prependTo(wrapper),
+              clearButton  = $('<div>', {
+                "class" : "button clear",
+                text : "Clear"
+              }).prependTo(wrapper),
               output = $('<div>', {
                 "class" : opts.classes.codemirrorresult
               }).appendTo($(wrapper).parent());
 
+          clearButton.click(function(editor, output){
+            return function(event) {
+              output.html('');
+            };
+          }(editor, output));
+
           button.click(function(editor, output){
             return function(event) {