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

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

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

Message par mariok13 le Sam 3 Oct 2015 - 23:53

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 : http://forum.forumactif.com/t377672-systeme-d-alerte-en-temps-reel

Puis j'ai pris sur celui-ci : http://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


Dernière édition par mariok13 le Sam 10 Oct 2015 - 17:52, édité 1 fois

mariok13
****

Messages : 410
Inscrit(e) le : 06/06/2015

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

Résolu Re: Problèmes annonce en temps réelles qui ne s'affiche pas

Message par no_way le Sam 10 Oct 2015 - 13:52

..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, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes annonce en temps réelles qui ne s'affiche pas

Message par mariok13 le Sam 10 Oct 2015 - 17:51

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

mariok13
****

Messages : 410
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 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