Added submit on blur option

README.md

@@ -118,6 +118,11 @@ tab_to_next: ".my-class"
 # Description: Puts a link to DELETE the object (obviously, it always uses DELETE as the 
 # HTTP verb).
 # Default: false
+
+submit_on_blur: true
+# Description: Submit form when focus leaves the input, rather than simply closing it
+# out.
+# Default: false
 ```
 
 ## Configuration

app/assets/javascripts/abracadabra.js

@@ -90,7 +90,11 @@ $(function() {
 
   $("body").on("blur", ".abracadabra-input", function() {
     if(abracadabraSubmissionInProgress == false && abracadabraDeleteMousedown == false) {
-      closeAbracadabra(this, false);
+      if($(this).data("submit-on-blur") == true) {
+        $(this.form).submit();
+      } else {
+        closeAbracadabra(this, false);
+      }
     }
   });
 
@@ -174,6 +178,15 @@ $(function() {
     }
     /* /Tab to next? */
 
+    /* Submit on blur? */
+    submitOnBlur = link.data("submit-on-blur");
+    if(submitOnBlur == true) {
+      submitOnBlur = " data-submit-on-blur=\"true\"";
+    } else {
+      submitOnBlur = "";
+    }
+    /* /Submit on blur? */
+
     /* AJAX? */
     if(remote == "") {
       authToken = "<input name=\"authenticity_token\" type=\"hidden\" value=\"" + $("meta[name=\"csrf-token\"]").attr("content") + "\">";
@@ -199,7 +212,7 @@ $(function() {
 
     openFormTag = "<form accept-charset=\"UTF-8\" action=\"" + path + "\"" + remote + type + " class=\"form-inline abracadabra-form\" method=\"post\">";
     hiddenMethodTags = "<div style=\"display:none;\"><input name=\"utf8\" type=\"hidden\" value=\"&#10003;\"><input name=\"_method\" type=\"hidden\" value=\"" + formMethod + "\">" + authToken + "</div>";
-    input = "<input type=\"text\" class=\"form-control abracadabra-input\" id=\"" + inputId + "\" name=\"" + inputName + "\" value=\"" + inputValue + "\"" + tabToNextSelector + ">";
+    input = "<input type=\"text\" class=\"form-control abracadabra-input\" id=\"" + inputId + "\" name=\"" + inputName + "\" value=\"" + inputValue + "\"" + tabToNextSelector + submitOnBlur + ">";
 
     html = "<span class=\"abracadabra-container\">" + openFormTag + hiddenMethodTags;
     html += "<div class=\"control-group\"><div class=\"abracadabra-input-and-button-wrapper\"><div class=\"abracadabra-input-container\">" + input + deletable + "</div>";

app/helpers/abracadabra/rails/view_helper.rb

@@ -10,6 +10,7 @@ def click_to_edit(instance, options)
         buttonless = options[:buttonless] || false
         deletable = options[:deletable] || false
         deletable_path = options[:deletable_path] || path
+        submit_on_blur = options[:submit_on_blur] || false
 
         if options[:tab_to_next] || options[:tab_to_next] != false
           if options[:tab_to_next] == true
@@ -41,7 +42,8 @@ def click_to_edit(instance, options)
             buttonless: buttonless, 
             deletable: deletable,
             deletable_path: deletable_path,
-            tab_to_next: tab_to_next
+            tab_to_next: tab_to_next,
+            submit_on_blur: submit_on_blur
           }, 
           remote: remote
         )