Adding blink style for incoming messages + a fix see #3565

main/inc/lib/javascript/chat/css/chat.css

@@ -79,9 +79,19 @@
 }
 
 .chatboxblink {
-	background-color: #176689;
-	border-right:1px solid #176689;
-	border-left:1px solid #176689;
+	background-color: #FF921F;
+	border-right:1px solid #EF7A00;
+	border-left:1px solid #EF7A00;
+    
+    background-repeat: repeat-x;
+	background-image: -khtml-gradient(linear, left top, left bottom, from(#FF921F), to(#FF921F));
+	background-image: -moz-linear-gradient(top, #FF921F, #FFAC55);
+	background-image: -ms-linear-gradient(top, #FF921F, #FF921F);
+	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF921F), color-stop(100%, #FF921F));
+	background-image: -webkit-linear-gradient(top, #FF921F, #FF921F);
+	background-image: -o-linear-gradient(top, #FF921F, #FF921F);
+	background-image: linear-gradient(top, #FF921F, #FF921F);
+    
 }
 
 .chatboxcontent {

main/inc/lib/javascript/chat/js/chat.js

@@ -36,8 +36,7 @@ var chatBoxes           = new Array();
 
 var timer;
 var user_status         = 0;
-//var ajax_url = 'chat.php'; // This variable is loaded in header.inc.php/ template/layout/head.tpl
-
+//var ajax_url = 'chat.php'; // This variable is loaded in the template/layout/head.tpl file
 
 function set_user_status(status) {
     $.ajax({
@@ -53,9 +52,7 @@ function set_user_status(status) {
 $(document).ready(function() {
 	originalTitle = document.title;
     
-	startChatSession();
-    //startChatHeartBeat();
-    //stopChatHeartBeat();
+	startChatSession();    
 
 	$([window, document]).blur(function() {
 		windowFocus = false;
@@ -243,7 +240,7 @@ function chatHeartbeat() {
 					if (item)	{ // fix strange ie bug
 
 						if ($("#chatbox_"+my_user_id).length <= 0) {
-							createChatBox(my_user_id, my_items.user_info.user_name, 0, my_items.user_info.online);
+							createChatBox(my_user_id, user_items.user_info.user_name, 0, user_items.user_info.online);
 						}
 						if ($("#chatbox_"+my_user_id).css('display') == 'none') {
 							$("#chatbox_"+my_user_id).css('display','block');
@@ -267,6 +264,11 @@ function chatHeartbeat() {
 																				 <span class="chatboxmessagecontent">'+item.m+'</span></div>');
 						}
 						$("#chatbox_"+my_user_id+" .chatboxcontent").scrollTop($("#chatbox_"+my_user_id+" .chatboxcontent")[0].scrollHeight);
+                        
+                        if ($('#chatbox_'+my_user_id+' .chatboxcontent').css('display') == 'none') {
+                            $('#chatbox_'+my_user_id+' .chatboxhead').toggleClass('chatboxblink');
+                            
+                        }
 						itemsfound += 1;
 					}
 				});
@@ -448,7 +450,7 @@ function update_online_user(user_id, status) {
 
 
 function toggleChatBoxGrowth(user_id) {		
-	if ($('#chatbox_'+user_id+' .chatboxcontent').css('display') == 'none') {  
+	if ($('#chatbox_'+user_id+' .chatboxcontent').css('display') == 'none') {
 		
 		var minimizedChatBoxes = new Array();