vb.org Archive - Private Messages Enhancements - TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl)

Page 3 of 5

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Private Messages Enhancements - TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) (https://vborg.vbsupport.ru/showthread.php?t=254231)

coolankur49

01-02-2011 02:03 AM

Quote:

Originally Posted by OldSchoolDSL (Post 2139762)

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

HTML Code:

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

01-03-2011 07:58 AM

dosnt work i have a notification and nothing appears.

basilrath

01-03-2011 02:37 PM

Difficult to help with so little information

try moving your jscripts folder

Brandon Sheley

01-03-2011 02:41 PM

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

finsat

01-04-2011 02:56 PM

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

Quote:

Originally Posted by finsat (Post 2139330)

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

kylek

01-04-2011 08:57 PM

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

01-05-2011 08:56 AM

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

Quote:

Originally Posted by Mike4x4 (Post 2143160)

dosnt work i have a notification and nothing appears.

Talacha

01-19-2011 03:12 AM

Any way to dismiss the notifications like in facebook??

Thanks!!! Great mod!!

fxwoody

01-20-2011 09:12 AM

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

01-20-2011 10:10 AM

Very Good Work man

And ThanKS Osama To Your translated

tdkmatt

01-24-2011 12:55 PM

installed!! aw some, sometimes it doesn't go away tho :(

Teascu Dorin

01-26-2011 04:52 PM

Great work.
Here you go... Romanian Translation if someone needs...

Code:

<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) --> 

<vb:if condition="$notifications_total">

<script type="text/javascript">



$.jGrowl('{vb:raw notifications_menubits} <br />Trebuie să vezi mesajele pentru ca această casetă să dispară.' , { sticky: true, header : 'Mesaje noi' } );



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

OldSchoolDSL

02-05-2011 07:03 PM

Does not seem to like the latest version of jQuery 1.4.4 :(

OldSchoolDSL

02-11-2011 10:43 PM

Quote:

Originally Posted by OldSchoolDSL (Post 2159133)

Does not seem to like the latest version of jQuery 1.4.4 :(

Un-installed
:(

bulldog51981

02-19-2011 10:19 PM

1 Attachment(s)

Installed with ease! Only issue that I'm having is that when I have more than one notification they're not listed one on top the other. They are listed in one continuous line directly after one another. Is there a solution for this one?

**Found the problem -
At some point I apparently made an edit to my "navbar_notifications_menubit" template and had taken the <li> tags out. Replacing this fixed the issue.

bulldog51981

02-21-2011 06:00 AM

Quote:

Originally Posted by andreamarucci (Post 2130117)

It work but it seems to conflict with the popup notification of new messages function that is built in VB. Anyone know how to disable this option for all the vb users?

After installing this, you may want to disable this option for everyone since you will now have a notification on the screen anyway. If you would like to disable the "Display Pop Up Notification When New Private Message Is Received", go to:

AdminCP > Maintenance > Execute SQL Query > Automatic Queries

To disable it for future registrations, go to:

AdminCP > User Registration Options

Hope this helps someone else.

bulldog51981

02-23-2011 02:29 AM

Quote:

Originally Posted by FF|Skyrider (Post 2126522)

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

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

Code:

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

Can anyone tell me how to add the member profile page to this as well?

Code:

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

(member.php page)

Update: I don't know if there was a better way to add this to the first line or not, but I just added

Code:

<vb:if condition="THIS_SCRIPT!='member'">

after the first one above and closed it in the same place and that seemed to work just fine.

want3ed

03-03-2011 12:48 PM

it cant work in my forum page and category , message pages but it is working in profile and private message pages.

please help me.

fxwoody

03-06-2011 10:48 AM

Tks! Nice addon ;)
Got a little idea here! Do you think that we could add the text that shows up as a {vb: rawphrase blablabla} instead? So that on boards with different language ,it would get translated automatically depending on user's choice?!?

Tks & installed

fxwoody

03-06-2011 11:35 AM

Ok nevermind;)

For every one who would like to add different language, follow these instructions:

Go into Phrase Manager, Add New Phrase

Phrase Type: Global
Product:vBulletin
Varname: new_box_notice
Text: You must view your notification(s) before this box will disappear.

In your xtra language window, add your translated text.
For the french, add this: Vous devez voir votre notification (s) avant que cette case disparaissent.

In the script code from this mod,
Find:

Code:

$.jGrowl('{vb:raw notifications_menubits} <br />You must view your notification(s) before this box will disappear.' , { sticky: true, header : 'New Notification(s)' } );

And replace with:

Code:

$.jGrowl('{vb:raw notifications_menubits} <br />{vb:rawphrase new_box_notice}' , { sticky: true, header : 'New Notification(s)' } );

Enjoy!

DjEddie

03-28-2011 02:28 PM

Hi, really want to use this mod .. but I think it will conflict with the Header Rework V4 which is here: https://vborg.vbsupport.ru/showthread.php?t=257261

Would someone be able to help with what code should be replaced in the header for me to get this to work please ..

Thank you :)

wipedout

03-28-2011 03:43 PM

Quote:

Originally Posted by DjEddie (Post 2178347)

This for me aswell, have this but i dont get anything running cus of this rewrite. (my guess)

Gemma

03-28-2011 08:25 PM

Quote:

Originally Posted by DjEddie (Post 2178347)

Quote:

Originally Posted by wipedout (Post 2178391)

This for me aswell, have this but i dont get anything running cus of this rewrite. (my guess)

I'll assume you've installed the Header Rework mod. Back-up first but this should work

In your header template search for:

Code:

<vb:if condition="$notifications_total">

                                                {vb:raw notifications_menubits}

</vb:if>

<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>

Replace it with the header template edit for this mod;

Code:

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

Install the rest of this mod.

DjEddie

03-29-2011 11:11 AM

Gemma u star..thank you ..works perfectly now :) ..

insanewhip

04-21-2011 08:37 PM

looks Great i cant wait to install!

literatestylish

04-29-2011 04:08 PM

Nevermind*

Lestat_

05-01-2011 01:13 PM

installed, works like a charm, and is really beautiful ! thanks mate :)

boffin_adi

05-02-2011 01:31 AM

Hi Buddy

I tried installing it on my website: www.FaaDoOEngineers.com (I use VB 4.1.3)

It worked for a couple of days and then it stopped working!

Please let me know how to make it work as my users really liked it.

Longcat

05-06-2011 11:56 PM

amazing hack! thank you so much!

installed on: vb 4.1.3

KaneR

05-07-2011 06:31 PM

A quick tip for any of you that want to have the box fade out instead of it constantly being there.

1. Open jquery.jgrowl.js found in jscripts/tw7s_notifications.

2. Find... Line 304

Code:

startup: function(e) {

3. Below add...

Code:

/* BEGIN FADE */

                        var fade_out = function() {

  $("#jGrowl").fadeOut (XXX);

}



setTimeout(fade_out, 5000);

                        /* END FADE */

Replacing the XXX with a number such as 600 will determine how long it takes for the notification box to fade out. And changing the number 5000 will change how long the box stays visible for before disappearing. 5000 = 5 Seconds.

4. Re-upload the file to your forum. :)

Madpoodle

05-08-2011 09:37 AM

Quote:

Originally Posted by KaneR (Post 2193073)

A quick tip for any of you that want to have the box fade out instead of it constantly being there.

Does it pop back up when you change pages?

KaneR

05-09-2011 02:39 PM

Quote:

Originally Posted by Madpoodle (Post 2193243)

Does it pop back up when you change pages?

Yes but you can add a conditional so it only shows up on the index page. If you want to do so...

Find:-

Code:

<vb:if condition="$notifications_total">

Add above:-

Code:

<vb:if condition="THIS_SCRIPT == 'index'">

Find:-

Code:

</script>

</vb:if>

Add below:-

Code:

</vb:if>

Make sure the code changes are done within the '' tags.

Or you could just replace the code with the following and adjust the text to your liking...

Code:

<!-- Begin TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) --> 

<vb:if condition="THIS_SCRIPT == 'index'">

<vb:if condition="$notifications_total">

<script type="text/javascript">

$.jGrowl('{vb:raw notifications_menubits} <br />This box will disappear in 5 seconds.' , { sticky: true, header : 'New Notification(s)' } );

</script>

</vb:if>

</vb:if>

<!-- End TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->

TITAN-UZ

05-09-2011 11:08 PM

1 Attachment(s)

How to fix this problem :(

tdkmatt

05-10-2011 10:07 AM

adding this removed the password box?

maxlink

05-13-2011 05:37 PM

It only show when i click the link to private.php above header. How can i fix this ?

raagaswaram

06-07-2011 06:41 AM

the scripts runs if only one jquery script execute,if i add the latest threads jquery mod then this disappears what can be done?.

ALBCODERS

06-07-2011 05:14 PM

nice idea ! thanks

Filgga

06-07-2011 07:59 PM

I would like to get the notification box that is customizable like the one being used by Digitalpoint

sdodd35

06-07-2011 08:41 PM

Works perfectly!!! Thanks :up:

glen290

06-11-2011 06:25 PM

Quote:

Originally Posted by bulldog51981 (Post 2164861)

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

All times are GMT. The time now is 01:02 PM.

Page 3 of 5

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01546 seconds Memory Usage 1,841KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (16)bbcode_code_printable (1)bbcode_html_printable (12)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: