X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fjavascript%2Fsone.js;h=bfb925b794ec662bc667170622aef71ae7c4d869;hb=38cb6c5ec82298ee351d0eb15ddd8331db273af2;hp=ca80b486d80106b089851be8a72b03ee2dfc963c;hpb=1bc78b582ac59f2438002997f5780db4dcee0a2a;p=Sone.git

diff --git a/src/main/resources/static/javascript/sone.js b/src/main/resources/static/javascript/sone.js
index ca80b48..bfb925b 100644
--- a/src/main/resources/static/javascript/sone.js
+++ b/src/main/resources/static/javascript/sone.js
@@ -291,7 +291,7 @@ function getSoneElement(element) {
  * @return The Sone ID
  */
 function getMenuSone(element) {
-	return $(element).closest(".sone-menu").find(".sone-id").text();
+	return $(element).closest(".sone-menu").find(".sone-menu-id").text();
 }
 
 /**
@@ -858,14 +858,23 @@ function ajaxifyPost(postElement) {
 
 	/* show Sone menu when hovering over the avatar. */
 	$(postElement).find(".post-avatar").mouseover(function() {
-		$(".sone-menu:visible").fadeOut();
-		$(".sone-post-menu", postElement).mouseleave(function() {
-			$(this).fadeOut();
-		}).fadeIn();
-		return false;
+		if (typeof currentSoneMenuTimeoutHandler != undefined) {
+			clearTimeout(currentSoneMenuTimeoutHandler);
+		}
+		currentSoneMenuId = getPostId(this);
+		currentSoneMenuTimeoutHandler = setTimeout(function() {
+			$(".sone-menu:visible").fadeOut();
+			$(".sone-post-menu", postElement).mouseleave(function() {
+				$(this).fadeOut();
+			}).fadeIn();
+		}, 1000);
+	}).mouseleave(function() {
+		if (currentSoneMenuId = getPostId(this)) {
+			clearTimeout(currentSoneMenuTimeoutHandler);
+		}
 	});
 	(function(postElement) {
-		var soneId = $(".sone-id", postElement).text();
+		var soneId = $(".sone-menu-id", postElement).text();
 		$(".sone-post-menu .follow", postElement).click(function() {
 			var followElement = this;
 			ajaxGet("followSone.ajax", { "sone": soneId, "formPassword": getFormPassword() }, function() {
@@ -988,14 +997,23 @@ function ajaxifyReply(replyElement) {
 
 	/* show Sone menu when hovering over the avatar. */
 	$(replyElement).find(".reply-avatar").mouseover(function() {
-		$(".sone-menu:visible").fadeOut();
-		$(".sone-reply-menu", replyElement).mouseleave(function() {
-			$(this).fadeOut();
-		}).fadeIn();
-		return false;
+		if (typeof currentSoneMenuTimeoutHandler != undefined) {
+			clearTimeout(currentSoneMenuTimeoutHandler);
+		}
+		currentSoneMenuId = getPostId(this) + "-" + getReplyId(this);
+		currentSoneMenuTimeoutHandler = setTimeout(function() {
+			$(".sone-menu:visible").fadeOut();
+			$(".sone-reply-menu", replyElement).mouseleave(function() {
+				$(this).fadeOut();
+			}).fadeIn();
+		}, 1000);
+	}).mouseleave(function() {
+		if (currentSoneMenuId = getPostId(this) + "-" + getReplyId(this)) {
+			clearTimeout(currentSoneMenuTimeoutHandler);
+		}
 	});
 	(function(replyElement) {
-		var soneId = $(".sone-id", replyElement).text();
+		var soneId = $(".sone-menu-id", replyElement).text();
 		$(".sone-menu .follow", replyElement).click(function() {
 			var followElement = this;
 			ajaxGet("followSone.ajax", { "sone": soneId, "formPassword": getFormPassword() }, function() {
@@ -1828,6 +1846,12 @@ var online = true;
 var initiallyLoggedIn = $("#sone #loggedIn").text() == "true";
 var notLoggedIn = !initiallyLoggedIn;
 
+/** ID of the next-to-show Sone context menu. */
+var currentSoneMenuId;
+
+/** Timeout handler for the next-to-show Sone context menu. */
+var currentSoneMenuTimeoutHandler;
+
 $(document).ready(function() {
 
 	/* this initializes the status update input field. */