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

[finsat]

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

[Yaung Sein]

Originally Posted by Yaung Sein

I have still error in IE. Can you show me how do you fix it?

Originally Posted by basilrath

When you say error what exactly do you mean ?

Expand so we have something to work with

Forum was disabled in IE.

[basilrath]

Forum was disabled in IE.

The problem with it is you will have a script conflict so the only way around this is to look for where the conflict is on your board.

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

The developer would have to answer that question with a work around although there are other ways to do this.

[Yaung Sein]

That's error I faced.

[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.

[Yaung Sein]

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.

Not work with IE8. I have tested.

[OldSchoolDSL]

Originally Posted by Yaung Sein

Not work with IE8. I have tested.

1) There must be some kind of Mod on your community conflicting

---- OR ----

2)

There has to be something wrong with your browser. A plug-in, a pop-up blocker, toolbar, spyware, adware.... Something.....

This was tested and works on Internet Explorer 7, 8, and 9. I even had one member who seems to refuse to update from Internet Explorer 6, who says this works (though not so well for them as IE6 is 10 years old and obsolete ).

[basilrath]

Its a script conflict

[leclownos]

Thanks ! very good

[Noser]

Transalted to german

installed very nice mod

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

$.jGrowl('{vb:raw notifications_menubits} <br />Sie m?ssen sich die Nachrichten ansehen bevor die Box verschwindet.' , { sticky: true, header : 'Neue Nachricht(en)' } );

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