From b993fdba7b19aba051c56d4ec73426fc76b583b0 Mon Sep 17 00:00:00 2001
From: pete <pete@36083f99-b078-4883-b0ff-0f9b5a30f544>
Date: Tue, 8 Jun 2010 09:42:36 +0000
Subject: Updated display and position of likes lists. Added js to dismiss list
 if a click outside the list is detected, also added js so only one list is
 viewable at a time.

git-svn-id: http://code.elgg.org/elgg/trunk@6392 36083f99-b078-4883-b0ff-0f9b5a30f544
---
 views/default/js/initialise_elgg.php | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

(limited to 'views/default/js')

diff --git a/views/default/js/initialise_elgg.php b/views/default/js/initialise_elgg.php
index 2e8d663f7..6b7a318e7 100644
--- a/views/default/js/initialise_elgg.php
+++ b/views/default/js/initialise_elgg.php
@@ -56,12 +56,24 @@ $(document).ready(function () {
 	// user likes
 	$(".likes_list_button").click(function(event) {	
 		if ($(this).next(".likes_list").css('display') == 'none') {	// show list
+			// hide any other currently viewable likes lists
+			$('.likes_list').fadeOut();
+			
 			var topPosition = - $(this).next(".likes_list").height();
 			topPosition10 = topPosition + 10 + "px";
-			topPosition = topPosition + "px";
+			topPosition = topPosition - 5 + "px";
 			$('.likes_list').css('top',topPosition10);
-			$('.likes_list').css('left', -$('.likes_list').width()+40);
+			$('.likes_list').css('left', -$('.likes_list').width()+110);
 			$(this).next(".likes_list").animate({opacity: "toggle", top: topPosition}, 500);
+			
+			// set up cancel for a click outside the likes list
+			$(document).click(function(event) { 		
+					var target = $(event.target);
+					if (target.parents(".likes_list_holder").length == 0) {				
+						$(".likes_list").fadeOut();
+					}
+			});
+			
 		} else { // hide list
 			var topPosition = - $(this).next(".likes_list").height() + 5;
 			$(this).next(".likes_list").animate({opacity: "toggle", top: topPosition}, 500);
@@ -70,6 +82,8 @@ $(document).ready(function () {
 
 }); /* end document ready function */
 
+
+
 // display & hide elgg system messages
 function elgg_system_message() {
 	$("#elgg_system_message").animate({opacity: 0.9}, 1000);
-- 
cgit v1.2.3