système d'alerte en temps réel ne fonctionne plus (version améliorée par Noway)

[demeter1]

Bonjour à tous,
J'ai implanté ce système il y a 2/3 ans suite à un tuto de notre cher @no_way pour en installer une version améliorée.
Un grand merci à Noway pour ce script qui facilite grandement la communication avec toute la communauté.

Tout fonctionnait bien jusqu'à maintenant mais, depuis quelques jours l'alerte est envoyée avec succès, les messages s'envoient parfaitement dans le topic créé à cet effet mais la notification ne s'affiche plus.

La page html

Code:

<br /><br />

<style>
label
{
 display: block;
 width: 200px;
 float: left;
}
.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;

}
* { text-shadow: transparent 0px 0px 0px!important;}

</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>

  $('.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]";

 

var message = message.replace(/€/g, '€').replace(/œ/g, 'œ').replace(/Y/g, 'Ÿ').replace(/¢/g, '¢').replace(/£/g, '£').replace(/À/g,'À').replace(/Á/g,'Á').replace(/Â/g,'Â').replace(/Ã/g,'Ã').replace(/Ä/g,'Ä').replace(/Å/g,'Å').replace(/Æ/g,'&Aelig;').replace(/Ç/g,'Ç').replace(/È/g,'È').replace(/É/g,'É').replace(/Ê/g,'Ê').replace(/Ë/g,'Ë').replace(/Ì/g,'Ì').replace(/Í/g,'Í').replace(/Î/g,'Î').replace(/Ï/g,'Ï').replace(/Ñ/g,'Ñ').replace(/Ò/g,'Ò').replace(/Ó/g,'Ó').replace(/Ô/g,'Ô').replace(/Õ/g,'Õ').replace(/Ö/g,'Ö').replace(/×/g,'×').replace(/Ù/g,'Ù').replace(/Ú/g,'Ú').replace(/Û/g,'Û').replace(/Ü/g,'Ü').replace(/Ý/g,'Ý').replace(/Þ/g,'þ').replace(/ß/g,'ß').replace(/à/g,'à').replace(/á/g,'á').replace(/â/g,'â').replace(/ã/g,'ã').replace(/ä/g,'ä').replace(/æ/g,'æ').replace(/ç/g,'ç').replace(/è/g,'è').replace(/é/g,'é').replace(/ê/g,'ê').replace(/ë/g,'ë').replace(/ì/g,'ì').replace(/í/g,'í').replace(/î/g,'î').replace(/ï/g,'ï').replace(/ð/g,'ð').replace(/ñ/g,'ñ').replace(/ò/g,'ò').replace(/ó/g,'ó').replace(/ô/g,'ô').replace(/õ/g,'õ').replace(/ö/g,'ö').replace(/ù/g,'ù').replace(/ú/g,'ú').replace(/û/g,'û').replace(/ü/g,'ü').replace(/ý/g,'ý').replace(/ÿ/g,'ÿ');
   $('form#form').hide();

   if($('.progress-bar span').css('width')!='100%') {setTimeout("$('.progress-bar span').css('width', '80%');", 100);}

   $.post( "/post", { 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="https://2img.net/u/2316/18/97/34/smiles/1371890812.gif" alt="Sad" longdesc="3" />');

        });

   return false;

});

 

</script>

<center><fieldset style="width :600px"><legend>Quelques suggestions pour les images</legend><div style="background-color:white;"><table cellspacing="0" cellpadding="0" width="" border="0">
 
  
  <tr>
 <td><img src="https://i.servimg.com/u/f18/11/93/85/24/72947810.gif" alt="image1" /></td>
 <td style="padding-left: 20px"><code>https://i.servimg.com/u/f18/11/93/85/24/72947810.gif</code></td>
 </tr>
 <tr>
 <td><img src="https://i.servimg.com/u/f18/11/93/85/24/nouvel10.png" alt="image2" /></td>
 <td style="padding-left: 20px"><code>https://i.servimg.com/u/f18/11/93/85/24/nouvel10.png</code></td>
 </tr>
  <tr>
 <td><img src="https://i.servimg.com/u/f18/11/93/85/24/cafe-t10.png" alt="image3" /></td>
 <td style="padding-left: 20px"><code>https://i.servimg.com/u/f18/11/93/85/24/cafe-t10.png</code></td>
 </tr>
  
 <tr>
 <tr>
 <td><img src="https://i.servimg.com/u/f18/11/93/85/24/alarme10.png" alt="image4" /></td>
 <td style="padding-left: 20px"><code>https://i.servimg.com/u/f18/11/93/85/24/alarme10.png</code></td>
 </tr>
          
          <td><img src="https://i.servimg.com/u/f18/11/93/85/24/sans_t37.gif" alt="image5" /></td>
 <td style="padding-left: 20px"><code>https://i.servimg.com/u/f18/11/93/85/24/sans_t37.gif</code></td>
 </tr>
  <tr>
 <td><img src=" https://i.servimg.com/u/f18/11/93/85/24/fleche11.png" alt="image6" /></td>
 <td style="padding-left: 20px"><code> https://i.servimg.com/u/f18/11/93/85/24/fleche11.png</code></td>
 </tr>
  
 
  <tr>
 <td><img src="https://i.servimg.com/u/f18/11/93/85/24/carnet10.png" alt="image7" /></td>
 <td style="padding-left: 20px"><code>https://i.servimg.com/u/f18/11/93/85/24/carnet10.png</code></td>
 </tr>
  
  
 <tr>
 <td><img src="https://i.servimg.com/u/f18/11/93/85/24/terre-10.png" alt="image8" /></td>
 <td style="padding-left: 20px"><code>https://i.servimg.com/u/f18/11/93/85/24/terre-10.png</code></td>
 </tr>
  <tr>
 <td><img src="https://i.servimg.com/u/f18/11/93/85/24/krec-i10.png" alt="image9" /></td>
 <td style="padding-left: 20px"><code>https://i.servimg.com/u/f18/11/93/85/24/krec-i10.png</code></td>
 </tr>
   <tr>
 <td><img src="https://i.servimg.com/u/f18/11/93/85/24/kaffei10.png" alt="image10" /></td>
 <td style="padding-left: 20px"><code>https://i.servimg.com/u/f18/11/93/85/24/kaffei10.png</code></td>
 </tr>
  
   <tr>
 <td><img src="https://i.servimg.com/u/f18/11/93/85/24/im-nov10.png" alt="image10" /></td>
 <td style="padding-left: 20px"><code>https://i.servimg.com/u/f18/11/93/85/24/im-nov10.png</code></td>
 </tr>
</table></div></fieldset></center>


<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
genIframeServimg=new Promise((res,rej)=>{
    "use strict";
    let sVars=[],url='/t3736-';
    $.get(url,function(d){
        var extractVars={"servImgMode":"mode","servImgAccount":"account","servImgId":"id","servImgF":"f"},queryString="";
        for(let _var of Object.getOwnPropertyNames(extractVars)){
            sVars[extractVars[_var]]=encodeURIComponent(new RegExp(`${_var}\\s*=\\s*(["']?)(.+)\\1;$`,'m').exec(d)[2]);
        }
    }).done(()=>res($("<iframe>",{"src":"https://servimg.com/multiupload.php?mode="+sVars['mode']+"&account="+sVars['account']+"&id="+sVars['id']+"&f="+sVars['f']}))).fail((e)=>rej({"genIframeServimg_failed":`Echec capture sur "${url}"`,"status":e["status"],"statusText":e["statusText"]}));
});
</script>
<meta charset="charset=UTF-8" />
<title>Multiupload</title>
<style type="text/css">#fade{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.80;z-index:9999}.popup_block{display:none;background:#fff;padding:20px;border:20px solid #ddd;float:left;font-size:1.2em;position:fixed;top:50%;left:50%;z-index:99999;-webkit-box-shadow:0 0 20px #000;-moz-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}img.btn_close{float:right;margin:-55px -55px 0 0}*html #fade{position:absolute}*html .popup_block{position:absolute}</style>
</head>
<body>
<a href="#?w=auto" rel="popup1" class="poplight">Multiupload</a>
<div id="popup1" class="popup_block">
</div>
<script type="text/javascript">
    $(document).ready(function(){$("a.poplight[href^=#]").click(
        function(){
            var c=$(this).attr("rel");
            var b=$(this).attr("href");
            var e=b.split("?");
            var g=e[1].split("&");
            var f=g[0].split("=")[1]*1;
            $("#"+c).empty().fadeIn().css({width:f}).prepend('<a href="#" class="close"><img src="https://i.servimg.com/u/f18/11/26/21/37/button22.png" class="btn_close" title="Close Window" alt="Fermer" /></a>');
            $("body").append('<div id="fade"></div>');
            $("#"+c+" .close, #fade").on("click",function(e){e.preventDefault();$("#fade , .popup_block").fadeOut(function(){$("#fade, a.close").remove()});return false})
            let popupCentrage=()=>{
                var d=($("#"+c).height()+80)/2;
                var a=($("#"+c).width()+80)/2;
                $("#"+c).css({"margin-top":-d,"margin-left":-a});
                $("#fade").css({filter:"alpha(opacity=80)"}).fadeIn();
            };
            genIframeServimg.then((t)=>{
                $("#"+c).append(t.width(540).height(285))
                popupCentrage();
            },(t)=>{
                let dl=$("<dl>");
                for(let label of Object.getOwnPropertyNames(t)){
                    dl.append($(`<dt>${label}</dt>`),$("<dd>",{"text":t[label]}))
                }
                $("#"+c).append(dl);
                popupCentrage();
            });
        });
    });
</script>
</body>
</html>

le javascript

Code:

/* Système d'alerte */
function realTime_alert(){var e="3444",t=4;return jQuery.ajax({url:"/t"+e+"-",success:function(e){var a=jQuery(e),l=$("<div>",{id:"alertBodyContainer"}),r=function(e){var a,r=$($(e.lastChild).text()),o=(a=$(e).closest(".post[id^='p']")).length?a[0].id:$(e).closest(".postmain").find(".posthead")[0].id,i=$.parseJSON(localStorage.getItem("realTimeAlert"))||[];-1===i.indexOf(o)&&($(".close",r).click(function(){var e=$.parseJSON(localStorage.getItem("realTimeAlert"))||[];$(this).closest(".realTime_alert").fadeOut(),e.push(o)&&e.length>t&&e.splice(0,1),localStorage.setItem("realTimeAlert",JSON.stringify(e))}),l.append(r))};a.find(".post .codebox").each(function(e,a){t>e&&r(a)}),$("#alertBodyContainer").length?$("#alertBodyContainer").html(l.html()):$("body").append(l)}}),e}$(function(){if($("#logout").length)try{localStorage.setItem("test","test"),"test"===localStorage.getItem("test")&&realTime_alert()&&setInterval("realTime_alert();",3e4),localStorage.removeItem("test")}catch(e){}});
  

Le css

Code:

#alertBodyContainer{position:fixed;top:50px;right:50px}.realTime_alert{background:10px center no-repeat #FDFDFD;-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:300px;font-family:Helvetica;color:#474747;padding:10px 10px 10px 70px}.realTime_alert b{display:block;margin-bottom:5px;font-size:15px}#content-container div#right,.lastpost-avatar.hide,.mod_tools,a[href="/search"],datatip{display:none}.realTime_alert .close{position:absolute;right:-17px;top:-19px;font-size:10px;border-radius:50px;height:10px;width:10px;text-align:center;line-height:13px;cursor:pointer}.realTime_alert .close:hover{color:#FFF;background:#666}

[demeter1]

la suite

Le viewtopic_body

Code:


<!-- DEBUT ENCADREMENT DES IMAGES -->
    <script type="text/javascript">
     $(function(){
      $('.postbody').find('img').each(function(){
     var M14_Img=$(this).width();
    if(M14_Img>=500)
    {
    $(this).addClass('encadrement');
    }
    });
    });
    </script>

      <!-- FIN ENCADREMENT DES IMAGES -->
      <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
        if(typeof(_atc) == "undefined") {
            _atc = {  };
        }
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
          
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
            {
                if( $(this).is(":visible") )
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                }
                else
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                }
            });
            }
        }
        catch(e) { }
      
      return false;
    };

    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap">
            <span class="nav">
            <!-- BEGIN switch_user_authpost -->
              <a href="{U_POST_NEW_TOPIC}" rel="nofollow"id="M14_News_Post"alt="{L_POST_NEW_TOPIC}"title="{L_POST_NEW_TOPIC}">
    Nouveau</a>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"id="M14_i_reply"alt="{L_POST_REPLY_TOPIC}"title="{L_POST_REPLY_TOPIC}">Répondre</a>
            <!-- END switch_user_authreply -->
            </span>
          </td>    
          <td class="nav" valign="middle" width="100%">
            <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a class="nav" href="{U_INDEX}"><span>Index des forums</span></a>
                    <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                    {NAV_CAT_DESC_SECOND}
                </span>
          </td>    
        
      </tr>
    </table>

    <!-- Rajout Barre modération en haut des sujets-->
    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
            <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />

                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
    <br />
                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
            </form>
          </td>
      </tr>
    </table>
    <!-- END viewtopic_bottom -->
    <!-- Fin Barre modération haut-->
    <br />
    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" >
      <tr align="right">
          <td class="catHead" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" class="t-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                  </td>
                  <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN topicpagination -->
      <tr>
        <td class="row1 pagination" colspan="2" align="right" valign="top"> <span class="gensmall M14_PAGE">{PAGINATION}</span></td>
      </tr>
      <!-- END topicpagination -->
      {POLL_DISPLAY}

    

      <!-- BEGIN postrow -->
      <!-- BEGIN hidden -->
      <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
      </tr>
      <!-- END hidden -->
        <!-- BEGIN displayed -->
    
      
      <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td style=" text-align: center;" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a></span><br />
<div id="profil_head">
<div class="box"> <div class="ribbon"><span>HORS LIGNE</span>{postrow.displayed.ONLINE_IMG}</div></div>
</div>
 <div id="nameo">
 <span class="ombre">
     <strong>{postrow.displayed.POSTER_NAME}</strong>
</span><br />
<div id="profil_body">
<span class="postdetails poster-profile">
  <span class="Paolino">{postrow.displayed.POSTER_RANK}</span><br />
                {postrow.displayed.RANK_IMAGE}
      <div id="m14_avatar">{postrow.displayed.POSTER_AVATAR}</div>
    <br /><br />
    <div class="profil">              
      <!-- BEGIN profile_field -->

                <div class=novo>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>{postrow.displayed.profile_field.SEPARATOR}
      <!-- END profile_field --></div>
  </span>
    <span class="rpgzone">
    <span class="rpgbutton"title="Ce module s'active par le biais de votre profil.
      Il vous permettra de signaler à la communauté les végétaux que vous recherchez ou ceux que vous proposez à l'échange.">
        <div class="profil" >Les échanges et recherches</div>
      </span><br />
    <div class="rpghidden">
      <div class="rpgcontent">{postrow.displayed.POSTER_RPG}</div>
      </div></span></div>
   <div id="profil_foot"></div><br />
  </div>
</td>
      <td style="text-align: center;" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"><div class="fleche"> </div>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
    <td valign="top" nowrap="nowrap" class="post-options"class="tooltipstered">
    {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG}
      <span class="my-tooltip post2pm" style="cursor:pointer" data-pid="{postrow.displayed.U_POST_ID}" title="Transmettre par MP">Transmettre par MP</span>
      <span class="my-tooltip" title="Répondre en Citant">{postrow.displayed.QUOTE_IMG}</span>                        
        <span class="my-tooltip" title="Éditer ce message">{postrow.displayed.EDIT_IMG}</span>
        <span class="my-tooltip" title="Supprimer ce message">{postrow.displayed.DELETE_IMG}</span>
        <span class="my-tooltip" title="Voir l'adresse IP du posteur">{postrow.displayed.IP_IMG} </span>
     <span class="my-tooltip" title="Faire un rapport du message à un administrateur">{postrow.displayed.REPORT_IMG}</span>
                                
                  </td>
                  </tr>
    </table>


            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>

    <td class="M14_tdpostdetails">
    <span class="postdetails"style="float: left;">
    <a class="M14_topic" href="{postrow.displayed.POST_URL}"></a>
    {postrow.displayed.ICON}
     <i class="fa fa-comments" aria-hidden="true"></i>
    Message n°{postrow.displayed.COUNT_POSTS} {L_POST_SUBJECT}:
    <a href="#{postrow.displayed.U_POST_ID}">
    <span class="postdetails">
    <p class="M14_first-letter"style="display:inline-block;margin-top :20px;"> {postrow.displayed.POST_SUBJECT}</p></span></a>
    <i class="fa fa-cog fa-spin"></i>
    <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                </tr>
                <tr>
              
                </tr>
                <tr>
                  <td colspan="2">
                      <!-- BEGIN switch_vote_active -->

                      <div class="vote gensmall">
                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                        <!-- END switch_vote -->

                        <!-- BEGIN switch_bar -->
                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                            <!-- BEGIN switch_vote_plus -->
                            <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                            <!-- END switch_vote_plus -->

                            <!-- BEGIN switch_vote_minus -->
                            <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                            <!-- END switch_vote_minus -->
                        </div>
                        <!-- END switch_bar -->

                        <!-- BEGIN switch_no_bar -->
                        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                        <!-- END switch_no_bar -->

                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                        <!-- END switch_vote -->
                      </div>
                      <!-- END switch_vote_active -->
    <div class="M14_px">
        <span class="M14_14px"title="Afficher le texte avec une taille de 14px"><a href="#">
            <img src="https://i.servimg.com/u/f68/11/93/85/24/14px10.gif"/></a>
            </span>            
            <span class="M14_16px"title="Afficher le texte avec une taille de 16px"><a href="#">
            <img src="https://i.servimg.com/u/f68/11/93/85/24/16_px10.gif"/></a>
            </span>  
            <span class="M14_18px"title="Afficher le texte avec une taille de 18px"><a href="#">
            <img src="https://i.servimg.com/u/f68/11/93/85/24/18px10.gif"/></a>
            </span>  
            <span class="M14_20px"title="Afficher le texte avec une taille de 20px"><a href="#">
            <img src="https://i.servimg.com/u/f68/11/93/85/24/20px10.gif"/></a>
            </span>        </div>

    
                      <div class="postbody">
                      
                                                      <br />
                          <div class="altitude_encadrement"> {postrow.displayed.MESSAGE}</div><br />
    <div id="AIME"></div>
                        <!-- BEGIN switch_attachments -->

                        <dl class="attachbox">
                            <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                            <dd>
                              <!-- BEGIN switch_post_attachments -->
                              <dl class="file">
                                  <dt>
                                    <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                    <!-- BEGIN switch_dl_att -->
                                    <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_dl_att -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_no_dl_att -->
                                  </dt>

                                  <!-- BEGIN switch_no_comment -->
                                  <dd>
                                    <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                  </dd>
                                  <!-- END switch_no_comment -->

                                  <!-- BEGIN switch_no_dl_att -->
                                  <dd>
                                    <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                  </dd>
                                  <!-- END switch_no_dl_att -->

                                  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                              </dl>
                              <!-- END switch_post_attachments -->
                            </dd>
                        </dl>
                        <!-- END switch_attachments -->

                        <div class="clear"></div>
                        <!-- BEGIN switch_signature -->
                        <div class="signature_div">
                        <div class="signa"> <img src="https://i.servimg.com/u/f63/11/93/85/24/signat12.png"alt="Signature" title="Vous pouvez gérer votre signature par le biais de votre profil." />{postrow.displayed.SIGNATURE}</div>
                        </div>
                      
                      
                        <!-- END switch_signature -->


                      </div>
                    
                  </td>
                </tr>
            </table>
          </td>
    
      <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}" id="survol">
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
            <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
          </td>
          <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="middle">
<div class="profilicon">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} <span class="i_icon_email"title="Envoyer un Email">{postrow.displayed.EMAIL_IMG}</span><!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> </div>
                  </td>
                </tr>
            </table>
          </td>
      </tr>
     <!-- BEGIN first_post_br -->

    <hr id="first-post-br"/>
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- END first_post_br -->
      <!-- END displayed -->

      <!-- END postrow -->
      <!-- BEGIN no_post -->
      <tr align="center">
          <td class="row1" colspan="2" height="28">
            <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
      </tr>
      <!-- END no_post -->
      <tr align="right">
          <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" class="t-title"><a name="bottomtitle"></a> <div class="cattitle"><p class="M14_first-letter"style="display: inherit;">{TOPIC_TITLE}  </p></div></td>
                  <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
      <tr>
        <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><br /><span class="gensmalla">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
        <td class="row1 " align="right" valign="top" ><br /><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
    
      <!-- BEGIN switch_user_logged_in -->
      <!-- BEGIN watchtopic -->
    
        <td class="row2" colspan="2" align="right" valign="top"><br /><span class="gensmall" id="surva">{S_WATCH_TOPIC}</span></td>
      </tr>
      <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->
    </table>

    <!-- BEGIN promot_trafic -->
    <div class="boutonSlide">
      <div class="openbig_title">Sujets récents et similaires</div>
    
      </div>
    <div class="panneauCoulissant">

    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0">
        <tr>
        <td class="thead" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td valign="top">
        <h1>
        Sujets récents de ce forum
        </h1>
        </td>
      
        </tr>
        </table>
        </td>
        </tr>
        <tr>
        <td id="Tropicale" class="row8" valign="top">
        </td>
        </tr>
        </table>
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0">
        <tr>
        <td class="thead" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td valign="top">
        <h1>
        Sujets similaires
        </h1>
        </td>
      
        </tr>
        </table>
        </td>
        </tr>
        <tr>
        <td id="Altitude" class="row8" valign="top">
        </td>
        </tr>
        </table>
        <script type="text/javascript">
        $(function () {
        $('#Tropicale').load('/f{FORUM_ID}-forum td:not("td:contains("Announcement"), td:contains("Sticky"), td:contains("Global announcement")") .topic-title a.topictitle:lt(10)', function () {
        $('#Tropicale a.topictitle').wrap("<p></p>");
        });
        var topictitle = '{TOPIC_TITLE}';
        var Topictitle = topictitle.replace(/ /gi, '+');
        $('#Altitude').load('/search?mode=searchbox&search_keywords=' + Topictitle + '&show_results=topics td:not("td:contains("Announcement"), td:contains("Sticky"), td:contains("Global announcement")") .topic-title a.topictitle:lt(10)', function () {
        $('#Altitude a.topictitle').wrap("<p></p>");
        });
        });
        </script>
    </div>

    <!-- END promot_trafic -->

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
      <tbody>
          <tr>
            <td class="catBottom">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tbody>
                      <tr>
                        <td valign="top">
                            <div class="cattitle"> {L_FORUM_RULES}</div>
                        </td>
                      </tr>
                  </tbody>
                </table>
            </td>
          </tr>
          <tr>
            <td class="row1 clearfix">
                <table>
                  <tr>
                      <!-- BEGIN switch_forum_rule_image -->
                      <td class="logo">
                        <img src="{RULE_IMG_URL}" alt="" />
                      </td>
                      <!-- END switch_forum_rule_image -->
                      <td class="rules postbody">
                        {RULE_MSG}
                      </td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
    </table>
    <!-- END switch_forum_rules -->

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
      <td class="" colspan="2" align="left" style="padding:0px">
            <!-- BEGIN switch_user_logged_in -->
            <a name="quickreply"></a>
            {QUICK_REPLY_FORM}<br />
            <!-- END switch_user_logged_in -->
          </td>

      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
        <!-- BEGIN show_permissions -->
          <tr>
            <td class="row2" valign="top" width="25%"><br /><span class="gensmallo">{L_TABS_PERMISSIONS}</span></td>
            <td class="row1" valign="top" width="75%"><br /><span class="gensmallo">{S_AUTH_LIST}</span></td>
          </tr>
          <!-- END show_permissions -->
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav nav-clean"><a class="nav" href="{U_INDEX}">Index des forums</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

                  </tr>

                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
      <span class="nav">
     <!-- BEGIN switch_user_authpost -->
    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"id="M14_News_Post"alt="{L_POST_NEW_TOPIC}"title="{L_POST_NEW_TOPIC}">
    Nouveau</a>
    
                
     <!-- END switch_user_authpost -->
     <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}"id="M14_i_reply"alt="{L_POST_REPLY_TOPIC}"title="{L_POST_REPLY_TOPIC}">Répondre</a>
     <!-- END switch_user_authreply -->
      </span>
          </td>


          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

          <!-- BEGIN moderation_panel -->
          <td align="center">
            <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
          </td>
          <td align="center" width="250">
            <span class="gensmall"> </span>
          </td>
          <!-- END moderation_panel -->
      </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
            <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />

                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
            </form>
          </td>
      </tr>
    </table>
    <!-- END viewtopic_bottom -->
    <div class="cadre">
    <!-- facebook comment -->
              <div class="fb-comments" data-href="{FORUM_URL}{TOPIC_URL}" data-num-posts="1" data-width="950"></div>
    <div id="fb-root"></div> <script src="https://connect.facebook.net/fr_FR/all.js#appId=APP_ID&xfbml=1"></script>
            <!-- Fin facebook comment -->
        </div>

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->
    
    <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

    <script async>
    $(function () {
    $(".post a[href*='mode=delete'][href*='p='][href*='tid=']").click(function (a) {
    a.preventDefault();
    var b = $(this).closest(".post");
    !0 == confirm("Vous êtes certain de vouloir supprimer ce message ?") && $.post(this.href, {
    confirm: 1
    }, function (a) {
    b.fadeOut(function () {
    b.remove();
    $(".main-content.topic .post").length || location.replace(window.location.href)
    })
    })
    });
    });
    </script>

Si quelqu'un à une idée de la raison de ce dysfonctionnement.

ps : j'ai tenté de passer par fa7up pour implanter le système sur un forum test pour faire un comparatif mais impossible de poursuivre l'action avec mon compte d'administration


Merci par avance pour votre aide.

[no_way]

Salut
Fa7up modifié, tu peux réessayer, j'ai réinstallé de mon côté et c'est fonctionnel.

[demeter1]

Bonjour Arnaud,
merci pour cette rectification   .

fa7up a bien procédé à l'installation.

Avec le nouveau script , le message est bien envoyé mais hélas, il n'est pas créé dans le forum receveur (https://floratropica.forumactif.org/f9-echanges-de-plantes-et-de-graines) et n'affiche pas la notification.

j'ai fait le test sur un forum vierge de toute modif (hormis un peu de css et les codes implantés par fa7up).

j'imagine qu'il y a eu des modifs au niveau de FA qui invalident l'action du Js   .

le js

Code:

/* FA7UP_5fa94bef: Systeme d alertes */
function realTime_alert() {
          var topicAlertId=9;
          var howManyAlerts=5;
            jQuery.ajax({
                    url: "/t"+topicAlertId+"-?change_version=invision",
                    success: function(result) {
                        var html = jQuery(result),a,alertBodyContainer=$("<div>",{id:"alertBodyContainer"});
                  var d=function(e){
                      var a,alertBody=$($(".cont_code,code",e).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){
                        var $el=$(alertBody);
                        $el.attr("data-pid",id);
                        alertBodyContainer.append($el);
                        }
                  };
                  html.find(".post .codebox").each(function(i,e){
                      i<howManyAlerts&&d(e);
                      });
                  $("#alertBodyContainer").length?$("#alertBodyContainer").html(alertBodyContainer.html()):$("body").append(alertBodyContainer);
                      $('.close',$("#alertBodyContainer")).click(function() {
                                var lS=$.parseJSON(localStorage.getItem('realTimeAlert'))||[];
                                var $itm=$(this).closest('.realTime_alert');
                                $itm.fadeOut();
                                lS.push($itm.attr("data-pid"))&&lS.length>howManyAlerts&&lS.splice(0,1);
                                localStorage.setItem('realTimeAlert',JSON.stringify(lS));
                              });
                    },
            });
            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){}
          }
        });

/* FA7UP_5fa94bef_stop */

Nota:j'ai testé le script d'origine qui présente également le même soucis.
https://forum.forumactif.com/t377672-systeme-d-alerte-en-temps-reel

[no_way]

Les formulaires non officiels sont-ils autorisés à poster sur ton forum ?

Le script ne poste pas un sujet mais répond à un sujet, il faut donc mettre l'id d'un sujet.
Si ça ne fonctionne toujours pas de ton côté, je pourrai regarder directement sur ton forum.

[demeter1]

oups autant pour moi.

En substituant le nouveau js à l'ancien, tout refonctionne à nouveau.

Merci Arnaud.