alerte en temps réel (aller plus loin) ne fonctionne pas

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu alerte en temps réel (aller plus loin) ne fonctionne pas

Message par @stra le Dim 7 Fév 2016 - 10:08

Détails techniques


Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis le passage en invision et changement de theme
Lien du forum : http://quadra-motards.forum-pro.fr/

Description du problème

Bonjour

j'avais, sur mon ancien theme (phbb3) le systeme d'alerte en temps réel qui fonctionnait trés bien.
Là, je viens de passer en invision, j'ai suivi à la lettre letuto de No_way, rien à faire, ça ne fonctionne pas.
les messages postés via la page HTML ne se créent pas dans le topic
(J'ai bien pensé à changer l'ID du sujet)

javascript utilisé:
Code:
function realTime_alert() {
            var topicAlertId="t1877";
          var howManyAlerts=3;
            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){}
          }
            });

CSS utilisé:
Code:
/*    message d4alerte */
      #alertBodyContainer{
    position:fixed;
    top:50px;
    right:20px;
    }
    .realTime_alert{
    background:#FDFDFD no-repeat 10px center;
    -webkit-background-size:50px;
    -moz-background-size:50px;
    -o-background-size:50px;
    background-size:50px;
    -webkit-box-shadow:0 0 4px rgba(0,0,0,.6);
    -moz-box-shadow:0 0 4px rgba(0,0,0,.6);
    box-shadow:0 0 4px rgba(0,0,0,.6);
    position:relative;
        margin-bottom:10px;
    min-height:60px;
    font-size:13px;
    width:200px;
    padding:10px 10px 10px 70px;
    font-family:Helvetica;
    color:#474747;
    }
    .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 message d'alerte */

merci de votre aide


Dernière édition par @stra le Dim 7 Fév 2016 - 19:50, édité 1 fois

@stra
****

Masculin
Messages : 238
Inscrit(e) le : 29/01/2011

http://quadra-motards.forum-pro.fr/
@stra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: alerte en temps réel (aller plus loin) ne fonctionne pas

Message par R-max le Dim 7 Fév 2016 - 13:35

bonjour @stra , dans le js sur cette ligne ,il ne faut pas mettre le T juste le 1877

Code:
 var topicAlertId="t1877";

test et tiens nous au courent
cdl,

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: alerte en temps réel (aller plus loin) ne fonctionne pas

Message par @stra le Dim 7 Fév 2016 - 19:50

merci R-Max

l'erreur était bien là

Bravo pour ta réactivité Very Happy

@stra
****

Masculin
Messages : 238
Inscrit(e) le : 29/01/2011

http://quadra-motards.forum-pro.fr/
@stra a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum