From 4887e2d8b718c239d8c5cf79513e261a40a103f3 Mon Sep 17 00:00:00 2001
From: Jakob Kaivo <jkk@ung.org>
Date: Sat, 27 Jul 2019 16:05:11 -0400
Subject: add live preview

---
 blog.c | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to 'blog.c')

diff --git a/blog.c b/blog.c
index 3c69802..8174a10 100644
--- a/blog.c
+++ b/blog.c
@@ -148,11 +148,18 @@ int main(void)
 		printf("<p>Posting as %s</p>\n", user);
 	}
 
+	puts("<script type=\"text/javascript\">");
+	puts("function update() {");
+        puts("\tdocument.getElementById(\"output\").innerHTML = document.getElementById(\"body\").value;");
+	puts("}");
+	puts("</script>");
+
 	printf("<form method=\"POST\" action=\"%s\">\n", getenv("DOCUMENT_URI"));
 	puts("<input type=\"text\" name=\"title\" placeholder=\"title\" size=\"80\"><br>");
-	puts("<textarea name=\"body\" cols=\"80\" rows=\"24\"><p></p></textarea><br>");
-	puts("<input type=\"submit\">");
+	puts("<textarea id=\"body\" name=\"body\" cols=\"80\" rows=\"24\" oninput=\"update();\"><p></p></textarea><br>");
+	puts("<input type=\"submit\" value=\"Post\">");
 	puts("</form>");
+	puts("<div id=\"output\"></div>");
 
 	printf(HTML_TAIL, current_year(), "Jakob Kaivo", "jakob@kaivo.net");
 
-- 
cgit v1.2.1