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

[coolankur49]

Originally Posted by OldSchoolDSL

Installed & Working

4.1 PL2

NOTE: To make fully compatible with Internet Explorer (tested with IE9) & Opera Browser (tested with 11)

Do not add the following code to headerinclude
Rather add to headerinclude_buttom

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

Before replacing your header code....

Advised that you make a backup of your full header (save it in notepad... Save, not just copy & paste). This will make for a quick restore, should anything go wrong for you.

INTERNET EXPLORER CANNOT OPEN THE PAGE. OPERATION ABORTED.

I got this error.

I tried adding the code first in headerinclude_buttom.
Then in headerinclude

No Luck

[Mike4x4]

dosnt work i have a notification and nothing appears.

[basilrath]

Difficult to help with so little information

try moving your jscripts folder

[Brandon Sheley]

nice mod, will check it out
[high]* Brandon Sheley clicks install[/high]

[finsat]

any idea??????????

Originally Posted by finsat

how can i show it every where?same as main forum pages?

[kylek]

How does one move it say to the top left position instead of the bottom left where it is now? Have been looking at the .css file but slightly brain dead right now.

Thanks!

[Mike4x4]

still not working i tried that can you please have a look www.121chatrooms.net/v4

Originally Posted by Mike4x4

dosnt work i have a notification and nothing appears.

[Talacha]

Any way to dismiss the notifications like in facebook??

Thanks!!! Great mod!!

[fxwoody]

Thank SPman! Nice little extra feature for semi blind members lolll

It should blink and play music also hehehehe

Cheers....installed and working

For IE problems, simply switch to firefox!

[Marcel Adam]

Very Good Work man

And ThanKS Osama To Your translated