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

[LifesGreatestGift]

Originally Posted by Destron

Here is my spanish header translation if anyone is interested

Thanks, link added to mod.

[seeson]

Works perfectly. Thank you!

[Juggernaut]

Originally Posted by FF|Skyrider

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

You can use a conditional for that, I used a conditional to exclude an admin who didn't like the new notifications, but the rest of my members love it.

[basilrath]

Strange this works when in the private.php

but not when on the forumhome?

so if you go into the inbox or to the private.php it shows bottom left but then return to forumhome still nothing

any ideas?

[basilrath]

Update

works on the index page on cms but not the forumhome page

[Skyrider]

Originally Posted by Destron

You can use a conditional for that, I used a conditional to exclude an admin who didn't like the new notifications, but the rest of my members love it.

Yea, I also did that. Works good then. Would be great if users can enable/disable this in their control panel.

[LifesGreatestGift]

Originally Posted by basilrath

Update

works on the index page on cms but not the forumhome page

Registered, couldn't find the mod in use.

[Skyrider]

For those who prefer not that the messages are being displayed while reading your PM list or while reading a PM, use this code:

<vb:if condition="THIS_SCRIPT != 'private'"><!-- 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) --></vb:if>

I've only added

<vb:if condition="THIS_SCRIPT != 'private'"></vb:if>

To prevent the pop-up being shown while in private.php (the PM list & messages).. If there is something wrong with this code, please let me know.. I never actually used this before and it works fine for me.

Would be great if a modification is being made of this. So an option can be set to use the advanced (this one) pop-up or the original. Also would be nice if you can actually close the pop-up and won't appear again until you get a new PM.

[LifesGreatestGift]

Thats fine. No problem with me. I leave my code as is incase there are friend requests, visitor messages etc, the user can then jump to those notifications right from PM.

[basilrath]

ill re- add the mod today and you can see what i mean ................

Many thanks