Problèmes annonce en temps réelles qui ne s'affiche pas

[mariok13]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Problèmes annonce en temps réelles qui ne s'affiche pas
Lien du forum : http://amarid.forum-pro.fr/

Description du problème

Bonsoir

tout d'abord j'ai suivi ce tuto : https://forum.forumactif.com/t377672-systeme-d-alerte-en-temps-reel

Puis j'ai pris sur celui-ci : https://forum.forumactif.com/t379000-systeme-d-annonce-en-temps-reel-aller-plus-loin

mon code java

Code:


function realTime_alert() {
        var topicAlertId="144";
      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($("#logout").length) {
      try{
        localStorage.setItem('test','test');
        localStorage.getItem('test')==='test'&&realTime_alert()&&setInterval('realTime_alert();', 20000); // Reactualisation toutes les 30s
        localStorage.removeItem('test');
        }catch(e){}
      }
        });

mon code html

Code:


<style>
.progress-bar {
height: 12px;
margin-bottom: 20px;
overflow: hidden;
background-color: #F5F5FB;
border-radius: 9px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
 
.progress-bar span {
float: left;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #0787DD;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
 
  .result {
font-size: 25px;
max-width: 350px;
height: 60px;
margin: auto;
padding-top: 80px;
text-align: center;
}
 
.result.done {
background: url(https://cdn2.iconfinder.com/data/icons/color-svg-vector-icons-part-2/512/ok_check_yes_tick_accept_success-64.png) no-repeat top center;
}
 
.result.fail {
background: url(https://cdn2.iconfinder.com/data/icons/color-svg-vector-icons-part-2/512/wrong_table_no_navigator_formula-64.png) no-repeat top center;
}
</style> 
<form id="form">
     <label for="alert_name">Titre de l'alerte</label> <input type="text" name="alert_name" id="alert_name" placeholder="Exemple: Impossible de changer de mot de passe" style="width: 60%;" />  <br /><br />  <label for="alert_content">Contenu du message</label> <input type="text" name="alert_message" id="alert_message" placeholder="" style="width: 70%;" />  <br /><br />  <label for="alert_image">Image</label> <input type="text" name="alert_image" id="alert_image" placeholder="http://" style="width: 70%;" />  <br /><br /><br /> 
   <button class="button1" id="send">
       Envoyer l'alerte
   </button>
</form>
<div class="result">
</div>
<div class="progress-bar">
    <span style="width: 200px;"> </span>
</div>
  <script>
  var _param = function(obj, modifier) { var buildParams = function(prefix, obj, traditional, add) { var name; if (jQuery.isArray(obj)) { jQuery.each(obj, function(i, v) { if (traditional || /\[\]$/.test(prefix)) { add(prefix, v); } else { buildParams(prefix + "[" + (typeof v === "object" ? i : "") + "]", v, traditional, add); } }); } else { if (!traditional && jQuery.type(obj) === "object") { for (name in obj) { buildParams(prefix + "[" + name + "]", obj[name], traditional, add); } } else { add(prefix, obj); } } }; var prefix, s = [], add = function(key, value) { var nvalue; if (modifier) { if ((nvalue = modifier(key, value)) === null) { return; } else if (nvalue !== undefined) value = nvalue } value = jQuery.isFunction(value) ? value() : value == null ? "" : value; s[s.length] = _encodeURIComponent(key) + "=" + _encodeURIComponent(value); }; if (jQuery.isArray(obj) || obj.jquery && !jQuery.isPlainObject(obj)) { jQuery.each(obj, function() { add(this.name, this.value); }); } else { for (prefix in obj) { buildParams(prefix, obj[prefix], undefined, add); } } return s.join("&").replace(/%20/g, "+"); }, _encodeURIComponent = function(str) { if ((document.charset ? document.charset : document.characterSet).toLowerCase() != "utf-8") { return encodeURIComponent(escape(str).replace(/%u[A-F0-9]{4}/g, function(x) { return "&#" + parseInt(x.substr(2), 16) + ";"; })).replace(/%25/g, "%"); } else { return encodeURIComponent(str); } };
  $('.progress-bar').hide();
  $('.reslt').hide();
$('form#form').submit(function() {
  var message="[code]<div class='realTime_alert' style='display: block; background-image: url("+document.getElementById('alert_image').value+");'><span class='close'>×</span><b>"+document.getElementById('alert_name').value+"</b>\n<span class='inner'>"+document.getElementById('alert_message').value+"</span></div>[/code]";
  $('.progress-bar').show();
  $('form#form').hide();
  if($('.progress-bar span').css('width')!='100%') {setTimeout("$('.progress-bar span').css('width', '80%');", 100);}
  $.post( "/post", _param({ mode: "reply", t: realTime_alert(), post: 1, notify: 0, message: message }))
        .done(function() {
          $('.progress-bar span').css('width', '100%');
      $('.result').fadeIn().text('Envoyée avec succès');
      $('.result').addClass('done');
        })
      .fail(function() {
          $('.progress-bar span').css('width', '0%');
      $('.result').fadeIn().text('Erreur lors du traitement');
      $('.progress-bar').fadeOut();
      $('.result').addClass('fail');
      alert('Il semblerait qu\'une erreur se soit produite ! Vérifiez votre connexion internet et réessayez ultérieurement <img src="http://r23.imgfast.net/users/2316/18/97/34/smiles/1371890812.gif" alt="Sad" longdesc="3" />');
        });
  return false;
});
 
</script>

les alertes sont bien envoyées



mais elles n'apparaissent pas



elle n'apparait pas pour les membres inscrits
pour vos test sur mon membre test
mariok13
martine

j'en est laissé une
merci pour vos réponses

[no_way]

..	Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[mariok13]

bonjour
Sujet résolu par une autre solution de bloc note
merci