Private Messages Enhancements - TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl)

Description:
This mod changes the way notifications are displayed. It disables the default dropdown menu listed in the toplinks in the header and uses a free open script called jGrowl to display them on the bottom left of the screen no matter where you are on a page. Helps with people "not noticing" the notifications. Enjoy. TheWindows7Site

Instructions:

1) Upload files in attachment to forum root

2) Open template headinclude

Paste the following code at the bottom

<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) --> 
    <script type="text/javascript" src="jscripts/tw7s_notifications/jquery-1.4.2.js"></script> 
    <script type="text/javascript" src="jscripts/tw7s_notifications/jquery.jgrowl.js"></script> 
    <link href="jscripts/tw7s_notifications/jquery.jgrowl.css" rel="stylesheet" type="text/css"/>
<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->

3) Open template header

Find the following:

				<vb:if condition="$notifications_total">
				<li class="popupmenu notifications" id="notifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
					<ul class="popupbody popuphover">
						{vb:raw notifications_menubits}
					</ul>
				</li>
				<vb:else />
				<li class="popupmenu nonotifications" id="nonotifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
					<ul class="popupbody popuphover">
						<li>{vb:rawphrase no_new_messages}</li>
						<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
					</ul>
				</li>
				</vb:if>

Replace with:

<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) --> 
<vb:if condition="$notifications_total">
<script type="text/javascript">

$.jGrowl('{vb:raw notifications_menubits} <br />You must view your notification(s) before this box will disappear.' , { sticky: true, header : 'New Notification(s)' } );

</script>
</vb:if>

<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->

Done!

Have fun customizing this to fit your needs.

Arabic Translation by Dr.osamA
Spanish Translation by Destron

[Madpoodle]

Originally Posted by KaneR

A quick tip for any of you that want to have the box fade out instead of it constantly being there.

Does it pop back up when you change pages?

[KaneR]

Originally Posted by Madpoodle

Does it pop back up when you change pages?

Yes but you can add a conditional so it only shows up on the index page. If you want to do so...

Find:-

<vb:if condition="$notifications_total">

Add above:-

<vb:if condition="THIS_SCRIPT == 'index'">

Find:-

</script>
</vb:if>

Add below:-

</vb:if>

Make sure the code changes are done within the '<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->' tags.

Or you could just replace the code with the following and adjust the text to your liking...

<!-- Begin TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) --> 
<vb:if condition="THIS_SCRIPT == 'index'">
<vb:if condition="$notifications_total">
<script type="text/javascript">
$.jGrowl('{vb:raw notifications_menubits} <br />This box will disappear in 5 seconds.' , { sticky: true, header : 'New Notification(s)' } );
</script>
</vb:if>
</vb:if>
<!-- End TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->

[TITAN-UZ]

How to fix this problem

[tdkmatt]

adding this removed the password box?

[maxlink]

It only show when i click the link to private.php above header. How can i fix this ?

[raagaswaram]

the scripts runs if only one jquery script execute,if i add the latest threads jquery mod then this disappears what can be done?.

[ALBCODERS]

nice idea ! thanks

[Filgga]

I would like to get the notification box that is customizable like the one being used by Digitalpoint

[sdodd35]

Works perfectly!!! Thanks :up:

[glen290]

Originally Posted by bulldog51981

After installing this, you may want to disable this option for everyone since you will now have a notification on the screen anyway. If you would like to disable the "Display Pop Up Notification When New Private Message Is Received", go to:

AdminCP > Maintenance > Execute SQL Query > Automatic Queries

To disable it for future registrations, go to:

AdminCP > User Registration Options

Hope this helps someone else.

Says im not authorised to execute sql queries, any ideas ?