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

[Gemma]

Originally Posted by glen290

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

Open your includes/config.php and search for this section of code:

//	****** USERS WITH QUERY RUNNING PERMISSIONS ******
	//	The users specified here will be allowed to run queries from the control panel.
	//	See the above entries for more information on the format.
	//	Please note that the ability to run queries is quite powerful. You may wish
	//	to remove all user IDs from this list for security reasons.
$config['SpecialUsers']['canrunqueries'] = '';

Add your UserID where highlighted

$config['SpecialUsers']['canrunqueries'] = 'YOUR USERID HERE';

Save and re-upload your config.php

[ewebdesigner]

Very nice works like a charm.

My members love it too.

[EquinoxWorld]

anyone has this working for vb4.1.4? Looks awesome!

[CK]

Great mod, marked installed and rated 5 stars.

How would I go about having the box disappear once it's been clicked on?

[clutchthese]

i just installed on 4.1.4 It's great!! much appreciated.

[CK]

Originally Posted by clutchthese

i just installed on 4.1.4 It's great!! much appreciated.

Yeah it's good ain't it.

There's quite a few mods by tw7 that I really appreciate.

[EquinoxWorld]

Is there ANY way to make it so it does not fade away completely if the user has NOT checked the messages? It seems to big to keep it on top of everything until the user checks the messages and for it to totally disappear is bad too because you would have to refresh the page to remember if you had notifications or not. If this could "hide" a bit (after certain amount of seconds) and when the user hovers it breaks out again to total size this would be so much more awesome. Please if someone knows how to do this please share!

[CK]

Originally Posted by EquinoxWorld

Is there ANY way to make it so it does not fade away completely if the user has NOT checked the messages? It seems to big to keep it on top of everything until the user checks the messages and for it to totally disappear is bad too because you would have to refresh the page to remember if you had notifications or not. If this could "hide" a bit (after certain amount of seconds) and when the user hovers it breaks out again to total size this would be so much more awesome. Please if someone knows how to do this please share!

You're just going to have to be patient mate, this mod is essentially a demonstrator and the TW7 says to hack about with it ourselves. I'm not that good so I'm with you, quietly waiting lol

[ewebdesigner]

When I open the header file I cannot find the code you said to find. Not there at all. I am clueless.

This is what I find:

PHP Code:

<div id="pageWrapper"><div class="pagePattern">
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header"><div class="pageWrap">
<div class="logoWrap">
            <vb:if condition="$stylevar['titleimage']"><a name="top" href="{vb:link forumhome}" class="logo"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></vb:if>
<vb:if condition="$vbulletin->options['socialize_slogan_enable']">
            <div class="slogan">
                {vb:raw socialize_slogan}
            </div>
</vb:if>
</div>

<vb:if condition="$vbulletin->options['display_social_icons']==1">
            <div class="socialBox"><div class="socialBoxWrap">        
            <vb:if condition="$vbulletin->options['facebook_account']"><a href="http://www.facebook.com/{vb:raw facebook_account}" target="_blank"><img src="{vb:stylevar imgdir_themedir}/icon-facebook.png" alt="Follow us on Facebook" /></a></vb:if>
            <vb:if condition="$vbulletin->options['twitter_account']"><a href="http://www.twitter.com/{vb:raw twitter_account}" target="_blank"><img src="{vb:stylevar imgdir_themedir}/icon-twitter.png" alt="Follow us on Twitter" /></a></vb:if>
            <vb:if condition="$vbulletin->options['youtube_account']"><a href="http://www.youtube.com/{vb:raw youtube_account}" target="_blank"><img src="{vb:stylevar imgdir_themedir}/icon-youtube.png" alt="Watch us on YouTube" /></a></vb:if>
                <a href="#"><img src="{vb:stylevar imgdir_themedir}/icon-myspace.png" alt="My Space" /></a>
                <a href="#"><img src="{vb:stylevar imgdir_themedir}/icon-linkedin.png" alt="Linked In" /></a>
                <a href="http://www.flickr.com/photos/{vb:raw flickr_account}"><img src="{vb:stylevar imgdir_themedir}/icon-flickr.png" alt="Flickr" /></a>
            </div></div>
</vb:if>
    <vb:if condition="$vboptions['enablefacebookconnect']">
    <div class="pure_facebook">
    <ul>
        {vb:raw facebook_header}
    </ul>
    </div>
    </vb:if>
</div></div> 


[shzad1]

Thanks Installed and working perfectly..................
Great Work Bro.........