updated messaging system with 'click to dismiss' and moved it's position to not overlap the top toolbar

git-svn-id: https://code.elgg.org/elgg/trunk@2181 36083f99-b078-4883-b0ff-0f9b5a30f544

2 files changed, 16 insertions, 5 deletions

diff --git a/views/default/messages/errors/list.php b/views/default/messages/errors/list.php
index fc7b7d9d9..28cd2b053 100644
--- a/views/default/messages/errors/list.php
+++ b/views/default/messages/errors/list.php
@@ -20,7 +20,7 @@
 <!-- used to fade out the system messages after 3 seconds -->

 <script>

 $(document).ready(function () {

-	$('.messages_error').animate({top:"3px", opacity: 1.0}, 1000); 

+	$('.messages_error').animate({top:"30px", opacity: 1.0}, 1000); 

 	$('.messages_error').animate({opacity: 1.0}, 6000);

 	$('.messages_error').fadeOut('slow');

       

@@ -29,12 +29,18 @@ $(document).ready(function () {
 		$('.messages_error').fadeOut('slow');

 	return false;

     });

+    

+	$('div.messages_error').click(function () {

+		$(".messages_error").stop();

+		$('.messages_error').fadeOut('slow');

+	return false;

+    });

 

 });  

 </script>

 

 	<div class="messages_error">

-	<span class="closeMessages"><a href="#">dismiss message</a></span>

+	<span class="closeMessages"><a href="#">click to dismiss</a></span>

 

 <?php

 			foreach($vars['object'] as $error) {

diff --git a/views/default/messages/messages/list.php b/views/default/messages/messages/list.php
index 02825b705..c09bcff89 100644
--- a/views/default/messages/messages/list.php
+++ b/views/default/messages/messages/list.php
@@ -20,7 +20,7 @@
 <!-- used to fade out the system messages after 3 seconds -->

 <script>

 $(document).ready(function () {

-	$('.messages').animate({top:"3px", opacity: 1.0}, 1000); 

+	$('.messages').animate({top:"30px", opacity: 1.0}, 1000); 

 	$('.messages').animate({opacity: 1.0}, 6000);

 	$('.messages').fadeOut('slow');

       

@@ -29,12 +29,17 @@ $(document).ready(function () {
 		$('.messages').fadeOut('slow');

 	return false;

     });

-

+    

+	$('div.messages').click(function () {

+		$(".messages").stop();

+		$('.messages').fadeOut('slow');

+	return false;

+    });

 });  

 </script>

 

 	<div class="messages">

-	<span class="closeMessages"><a href="#">dismiss message</a></span>

+	<span class="closeMessages"><a href="#">click to dismiss</a></span>

 <?php