From 325cf3640af1ffd9e8beb84d0c27abf930bf1381 Mon Sep 17 00:00:00 2001
From: Chris Cochrun <chris@cochrun.xyz>
Date: Sun, 30 Oct 2022 07:31:53 -0500
Subject: [PATCH] adding an example html form in case we want custom ones

---
 layouts/shortcodes/new-form.html | 36 ++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 layouts/shortcodes/new-form.html

diff --git a/layouts/shortcodes/new-form.html b/layouts/shortcodes/new-form.html
new file mode 100644
index 0000000..284967d
--- /dev/null
+++ b/layouts/shortcodes/new-form.html
@@ -0,0 +1,36 @@
+<script>
+  function process () {
+      // (A) GET FORM DATA
+      var form = document.getElementById("my-form");
+      var data = new FormData(form);
+      
+      // (B) AJAX SEND FORM
+      // NOTE: USE HTTP://. NOT FILE://.
+      var xhr = new XMLHttpRequest();
+      xhr.open("POST", "https://n8n.tfcconnection.org/webhook-test/7a23cff5-daa4-4af7-aa64-684185c310e8");
+      xhr.onload = function () {
+          console.log(this.response);
+          form.reset(); // RESET FORM
+      };
+      xhr.send(data);
+      
+      // (C) STOP DEFAULT FORM SUBMIT/PAGE RELOAD
+      return false;
+  }
+</script>
+
+<form id="my-form" action="https://n8n.tfcconnection.org/webhook-test/7a23cff5-daa4-4af7-aa64-684185c310e8" method="POST" onsubmit="return process()">
+  <div>
+    <label for="say">What greeting do you want to say?</label>
+    <input name="say" id="say" value="Hi" />
+  </div>
+  <div>
+    <label for="to">Who do you want to say it to?</label>
+    <input name="to" id="to" value="Mom" />
+  </div>
+  <div>
+    <button>Send my greetings</button>
+  </div>
+</form>
+</form> 
+