diff options
| author | pete <pete@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2008-09-30 11:47:05 +0000 |
|---|---|---|
| committer | pete <pete@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2008-09-30 11:47:05 +0000 |
| commit | 96713356dc066fc039b445dcf92d874a47d871f0 (patch) | |
| tree | 66eb775fcf92fa186ca5357165f4a1f4ba86f99a /views/default/messages | |
| parent | 6212bf32bd4738d7d85b232ffac964a4a18f1189 (diff) | |
| download | elgg-96713356dc066fc039b445dcf92d874a47d871f0.tar.gz elgg-96713356dc066fc039b445dcf92d874a47d871f0.tar.bz2 | |
Messages/error notification system updated with dismiss button, longer delay, and sticky/fixed position (at top of viewport).
git-svn-id: https://code.elgg.org/elgg/trunk@2150 36083f99-b078-4883-b0ff-0f9b5a30f544
Diffstat (limited to 'views/default/messages')
| -rw-r--r-- | views/default/messages/errors/list.php | 17 | ||||
| -rw-r--r-- | views/default/messages/messages/list.php | 18 |
2 files changed, 26 insertions, 9 deletions
diff --git a/views/default/messages/errors/list.php b/views/default/messages/errors/list.php index 6af962d73..b9784fb2b 100644 --- a/views/default/messages/errors/list.php +++ b/views/default/messages/errors/list.php @@ -19,13 +19,22 @@ ?>
<!-- used to fade out the system messages after 3 seconds -->
<script>
- $(document).ready(function () {
- $('.messages_error').animate({opacity: 1.0}, 3000) //this holds the div without change for 3 seconds
- $('.messages_error').fadeOut('slow'); //fade it out
- });
+$(document).ready(function () {
+ $('.messages').animate({top:"3px", opacity: 1.0}, 1000);
+ $('.messages').animate({opacity: 1.0}, 6000);
+ $('.messages').fadeOut('slow');
+
+ $('span.closeMessages a').click(function () {
+ $(".messages").stop();
+ $('.messages').fadeOut('slow');
+ return false;
+ });
+
+});
</script>
<div class="messages_error">
+ <span class="closeMessages"><a href="#">dismiss message</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 2554112b6..02825b705 100644 --- a/views/default/messages/messages/list.php +++ b/views/default/messages/messages/list.php @@ -19,14 +19,22 @@ ?>
<!-- used to fade out the system messages after 3 seconds -->
<script>
- $(document).ready(function () {
- $('.messages').animate({opacity: 1.0}, 3000) //this holds the div without change for 3 seconds
- $('.messages').fadeOut('slow'); //fade it out
- });
+$(document).ready(function () {
+ $('.messages').animate({top:"3px", opacity: 1.0}, 1000);
+ $('.messages').animate({opacity: 1.0}, 6000);
+ $('.messages').fadeOut('slow');
+
+ $('span.closeMessages a').click(function () {
+ $(".messages").stop();
+ $('.messages').fadeOut('slow');
+ return false;
+ });
+
+});
</script>
<div class="messages">
-
+ <span class="closeMessages"><a href="#">dismiss message</a></span>
<?php
|