X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fjavascript%2Fsone.js;h=ab16ba3b83c6b0fbe325bd538000a5b65b25aaeb;hb=6a34e2d60715d7c982a6727a22d10fcd63cce53f;hp=97c3da537f68ad5f34d997cf0d07fba356011939;hpb=0cee1b73918990cc5823e1e938605e3a6c644837;p=Sone.git

diff --git a/src/main/resources/static/javascript/sone.js b/src/main/resources/static/javascript/sone.js
index 97c3da5..ab16ba3 100644
--- a/src/main/resources/static/javascript/sone.js
+++ b/src/main/resources/static/javascript/sone.js
@@ -1,19 +1,26 @@
 /* Sone JavaScript functions. */
 
-function registerInputTextareaSwap(inputSelector, defaultText) {
-	$(inputSelector).focus(function() {
-		if ($(this).val() == defaultText) {
-			$(this).val("").removeClass("default");
-		}
-	}).blur(function() {
-		if ($(this).val() == "") {
-			$(this).val(defaultText).addClass("default");
-		}
-	}).addClass("default").val(defaultText);
-	$($(inputSelector).get(0).form).submit(function() {
-		if ($(inputSelector).hasClass("default")) {
-			$(inputSelector).val("");
-		}
+function registerInputTextareaSwap(inputSelector, defaultText, inputFieldName) {
+	$(inputSelector).each(function() {
+		textarea = $("<textarea name=\"" + inputFieldName + "\"></textarea>").blur(function() {
+			if ($(this).val() == "") {
+				$(this).hide();
+				$(this).data("inputField").show().removeAttr("disabled");
+			}
+		}).hide().data("inputField", $(this));
+		$(this).after(textarea);
+		(function(inputField, textarea) {
+			$(inputField).focus(function() {
+				$(this).hide().attr("disabled", "disabled");
+				textarea.show().focus();
+			}).addClass("default").val(defaultText);
+			$(inputField.form).submit(function() {
+				if (textarea.val() == "") {
+					return false;
+				}
+				$(inputField).val(textarea.val());
+			});
+		})(this, textarea);
 	});
 }
 
@@ -22,7 +29,7 @@ function addCommentLinks() {
 	$("#sone .post").each(function() {
 		postId = $(this).attr("id");
 		commentElement = (function(postId) {
-			var commentElement = $("<div>Comment</div>").addClass("show-reply-form").click(function() {
+			var commentElement = $("<div><span>Comment</span></div>").addClass("show-reply-form").click(function() {
 				replyElement = $("#sone .post#" + postId + " .create-reply");
 				replyElement.removeClass("hidden");
 				replyElement.removeClass("light");