Miscellaneous Hacks - Additional Notification Alert [jQuery]

Hi guys,

This mod/hack started off as a PM notification but after some requests i've extended it for all notifications and thrown in some jQuery just to make things smooth and look good

Anyway on to the mod itself, when a user recieves a notification a red bar will show at the top of the forum telling the user they have a notification and there is a clickable link which will extend the red box using jQuery giving the user links to specific notifications. 2 Demo gif's i've made here to help people understand, the actual jQuery animation isn't shown in the gif's but i've made it clear what it does,

DEMO 1 - Notification Alert (Extension Closed)
DEMO 2 - Notification Alert (Extension Open)

(Ignore the image movement, just an un-even cut lol)

=|= Install =|=

- Download and unzip attached file.
- Upload contents of the UPLOAD folder to the forum root.

Open Template - header

Add at Top -

<!-- Notification Alert -->
<style type="text/css">
.alert {
    background-color:#F00;
    width:100%;
    height:30px;
    color:#fff;
    font-size:14px;
    display:block;
}
.alert p {
    padding:5px;
}
.alert a {
    color:#ccc;
    text-decoration:none; 
}
.alert a:hover {
    color:#fff;
    text-decoration:underline; 
}
#slidealert {
    display: none;
    height:auto;
    padding-bottom:5px;
    background-color: #F00;
}
#slidealert a {
    text-decoration:none;
    color:#CCC;
    padding:5px;
}
#slidealert a:hover {
    text-decoration:underline;
    color:#fff;
}
</style>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function ShowHide(){
$("#slidealert").animate({"height": "toggle"}, { duration: 1000 });
}
//]]>
</script>
<vb:if condition="$notifications_total">
<div class="alert">
<p><span style="text-decoration:blink; font-weight:bold;">ATTENTION! {vb:raw bbuserinfo.username}</span> You've got {vb:raw notifications_total} new notification(s), click <a onclick="ShowHide(); return false;" href="#">here</a> to view.</div><div id="slidealert">{vb:raw notifications_menubits}<a onclick="ShowHide(); return false;" href="#">Close</a></div></p>                    
</vb:if>
<!-- Notification Alert End -->

And that's it installed! Any questions or issues just post in here.

Enjoy! And remember to mark as installed for future updates and support!

Boydy

[zonaenlinea]

thansk very very good

[Delphiprogrammi]

Originally Posted by goxy63

Think that from start we did not understand each others, I was not thinking about drop down or... just pop up window which notifies member about new pm, this is presented to a user just once and even if he don't check message when next time he logs in it will not be there (if no new pm's)


I know that this is not part of this mod, but together with this mod default pop up window is unnecessary

then turn it off profile.php?do=editoptions

[8thos]

Can you add quote notifications to this modification please?

For example: https://vborg.vbsupport.ru/showthread.php?t=242358

[BaanFarsang]

Doesn't work in Version 4.1.5 Beta 1!

[boydy]

What's wrong with it, can you provide more info or a screenshot as i am not running 4.1.5

I will be releasing this as a product shortly to avoid manual template changes, it will work a bit different and be in a different location but will do the same job. I'll post in here when it's done.

[boydy]

This is no longer supported, product is now available here - https://vborg.vbsupport.ru/showthread.php?t=267180