[PhpBB2] Message d'alerte en temps réel

Hello Philippe,

Je viens vers toi car j'ai un souci avec le système d'alerte en temps réel.

C'est à ne rien n'y comprendre, mais il ne s'exécute pas correctement alors que sur un autre de mes forums il fonctionne correctement !

En effet, Bien qu'il envoie le message, celui-ci ne s'affiche pas dans sa bulle ni même retranscrite dans le sujet qui lui est destiné.

Dans la logique il devrait se retranscrire sur ce sujet : https://amis-pub.forumactif.com/t4-message-d-alerte-staff

Les permissions sont correctes si je me réfère aux permissions de mon autre forum.

Je te colle le script du JS en mode visible car cela n'est pas de moi, mais de FA.

Placer sur toutes les pages.

Code:

function realTime_alert() {
                var topicAlertId="4";
              var howManyAlerts=5;
                jQuery.ajax({
                        url: "/t"+topicAlertId+"-",
                        success: function(result) {
                            var html = jQuery(result),a,alertBodyContainer=$("<div>",{id:"alertBodyContainer"});
                       var d=function(e){
                          var a,alertBody=$($(e.lastChild).text()),b=[],id=(a=$(e).closest(".post[id^='p']")).length?a[0].id:$(e).closest(".postmain").find(".posthead")[0].id,lS=$.parseJSON(localStorage.getItem('realTimeAlert'))||[];
                          if(lS.indexOf(id)===-1){
                                  $('.close',alertBody).click(function() {
                             var lS=$.parseJSON(localStorage.getItem('realTimeAlert'))||[];
                                    $(this).closest('.realTime_alert').fadeOut();
                             lS.push(id)&&lS.length>howManyAlerts&&lS.splice(0,1);
                                    localStorage.setItem('realTimeAlert',JSON.stringify(lS));
                                  });
                            alertBodyContainer.append(alertBody);
                            }
                       };
                       html.find(".post .codebox").each(function(i,e){
                          i<howManyAlerts&&d(e);
                          });
                       $("#alertBodyContainer").length?$("#alertBodyContainer").html(alertBodyContainer.html()):$("body").append(alertBodyContainer);
                        },
                });
                return topicAlertId;
                }
                $(function(){
                if(_userdata["session_logged_in"]) {
              try{
                 localStorage.setItem('test','test');
                 localStorage.getItem('test')==='test'&&realTime_alert()&&setInterval('realTime_alert();', 30000); // Reactualisation toutes les 30s
                 localStorage.removeItem('test');
                }catch(e){}
              }
                });

/* DEBUT bouton visible selon id du membre */

    $(function(){if (_userdata["user_id"] ==1977
//Jo 17 id1982
||_userdata["user_id"] ==1982
//Alizia id2003
||_userdata["user_id"] ==2003                    
//Micke88 id1
||_userdata["user_id"] ==1)
    $(function(){
    $('<a target="_blank" id="M14_btn_alerte"href="https://amis-pub.forumactif.com/h1-message-alerte-staff "title="Créer une alerte en temps réelle"><img src="https://i.servimg.com/u/f88/20/00/21/16/cloche10.png" align="middle" style="margin-top:-9px;"/></a>').insertAfter('
    #fa_share');

    })});

Cependant le script de la page HTML, je la colle en hide car modifier, bien que ce soit le même que sur mon autre forum où tous fonctionnent correctement.

Voulez-vous utiliser le haut et le bas de page de votre forum ? Oui car obligatoire pour le bon fonctionnement.



Code CSS qui fonctionne avec le JS.

Code:

/* *********************début alerte******************** */
#alertBodyContainer{
position:fixed;
top:60px;
right:20px;
z-index: 999;
}
.realTime_alert{
background:#ccc no-repeat 10px center;
-webkit-background-size:50px;
-moz-background-size:50px;
-o-background-size:50px;
background-size:50px;
border-left: 5px solid #666666;
border-right: 5px solid #666666;
border-bottom:2px solid #666666;
border-top:2px solid #666666;
-webkit-border-radius: 10px 30px/30px 10px;
-moz-border-radius: 10px 30px/30px 10px;
border-radius: 10px 30px/30px 10px;
-moz-box-shadow: 3px 1px 2px #000;
-webkit-box-shadow: 3px 1px 2px #000;
-moz-box-shadow: 3px 1px 2px #000;
box-shadow: 3px 1px 2px #000;
position:relative;
margin-top: 15px;  
margin-bottom:-10px;
min-height:60px;
font-size:13px;
width:200px;
padding:10px 10px 10px 70px;
text-align:left;
font-family: 'Helvetica';
color:#404040;
}
.realTime_alert b{
display:block;
 margin-bottom:5px;
font-size:15px;
}
.realTime_alert .close{
position:absolute;
right:10px;
top:5px;
font-size:15px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
height:16px;
width:16px;
text-align:center;
line-height:13px;
cursor:pointer;
}
.realTime_alert .close:hover{
color:#FFF;
background:#666;
}
#ebtzd .tooltip{
opacity:0;
position:relative;
overflow:visible;
z-index:100!important;
display:inline-block;
top:5px;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
-o-transition-duration:500ms;
transition-duration:500ms;
background:rgba(0, 0, 0, .8);
padding:10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-family:Helvetica;
letter-spacing:1px;
font-size:13px;
width:300px;
color:#fff;
}
/* *********************fin alerte******************** */

Mon forum : https://amis-pub.forumactif.com/

D'avance je te remercie pour ton aide.

Sacha.