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

[Skyrider]

Can this be set by usergroup? So only specific usergroups will get this notification box?

[LifesGreatestGift]

Originally Posted by FF|Skyrider

Can this be set by usergroup? So only specific usergroups will get this notification box?

Yes, but why?

[Skyrider]

Originally Posted by TheWindows7Site

Yes, but why?

Because I personally don't prefer to force our users to view their new messages if they don't want to check it right now. Plus, we have a usergroup (inteam) for developing a game and we need every single of our staff to check their messages. This would greatly help with that.

[basilrath]

i cant see why you would want a specific usergroup to be able to access or recieve notification ...... given the notifications are targetted specifically anyway?

Nice mod good work

[preemz10314]

I tried to install it.. but It didnt excatly work? but it did not cause any errors? Does this work on custom themes? Or maybe i did something wrong..do you have to enable in it options?

[Skyrider]

Originally Posted by basilrath

i cant see why you would want a specific usergroup to be able to access or recieve notification ...... given the notifications are targetted specifically anyway?

Nice mod good work

Isn't this mod meant (created / default) for everyone, all usergroups?

[LifesGreatestGift]

Originally Posted by FF|Skyrider

Isn't this mod meant (created / default) for everyone, all usergroups?

Yes. If you want to set it up for specific user groups then go ahead. I will not be posting the code. My code is for ALL usergroups. Enjoy.

[Skyrider]

Yea, that's the problem.. I don't know how to target specific usergroups XD

[Dr.osamA]

Originally Posted by TheWindows7Site

Thanks for the translation. Added to original post.

thank you sir

[Juggernaut]

Here is my spanish header translation if anyone is interested

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

$.jGrowl('{vb:raw notifications_menubits} <br />Debes ver tus notificaciones para que este mensaje desaparezca.' , { sticky: true, header : 'Aviso del foro' } );

</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) -->