[PHPBB3] Temps écoulé sur nouveaux messages

Hello Serge,

j'en serais incapable, seul mon ami Arnaud pourrait te donner satisfaction.

@no_way , si tu passes dans le coin .

Bonjour Philippe,

Je pensais qu'on pouvait grace au script d'Arnaud présenté ici:
https://www.milouze14.com/t32218-toutes-versions-utiliser-les-variables-utilisateur-forum#612970

récupérer les variable FA:

Code:


{NOW}  (Date du jour)
{NOWWITHTIME} (Date/heure du jour)


et avec un code avoir la différence avec un truc comme ça:

Code:


var maDate = new Date();
var t1 = maDate.getTime();
var t2 = [la variable d'Arnaud];
var diff = "différence:" +(t1-t2);
 

Mais, c'est peut-être complétement farfelu

Re Serge,
le lien que tu donnes est pour les variables forumactif.

Farfelu non, mais pour moi c'est du Chinois, mais comme dab,
je cherche .

Je suis sur que tu vas trouver.... :-)

photoclic a écrit:
Je suis sur que tu vas trouver.... :-)

Je suis beaucoup moins optimiste .

Comment faire pour mettre dans une variable :

Code:

{NOWWITHTIME}

Cela ne changera rien Serge,
cette variable s'adapte sur le jour , l'heure et les secondes:
Résultat:

Jeu 21 Nov 2024 - 13:51

Il faut ensuite faire la déduction du jour /heure du message posté.

Oui, c'est bien cela Phil qui serait à coder si le jour /heure du message posté était mis aussi dans une variable.
La différence serait une piste.

Il me semblait que dans le dernier script que tu m'as fait, tu récupérais justement la date e l'heure du message posté

Re Serge,
oui effectivement, je récupère l'heure , mais ce n'est pas ce que je voulais dire car la variable dans les dernières discutions et les derniers sujets depuis votre dernière visite proviennent du même template (search_results_topics) et on cette variable qui indique:
jour/date du jour/mois /année/heure du message:

Code:

{searchresults.LAST_POST_TIME}

Il faut donc déduire ce temps de l'heure actuelle et ce en tenant compte
qu'il peut y avoir la totalité.
Il vaut mieux afficher un texte de base pour les messages ayant plus d'une journée et le script qui va déduire l'heure pour un message posté le jour même non.


J'ai donc ajouté ceci dans le dit template:

Code:

           
<span class="M14_times">{searchresults.LAST_POST_TIME}</span>
<span class="heure_exacte" style="float:right;">Il y a plus d'une journée</span>


Il ne reste plus qu'a trouver la solution ....

Ola !

Encore du codage je vois ^^, voici une piste pour Philippe:

Code:

var date="Aujourd'hui à 5:00";
var r=/aujourd.+(\d{1,2}):(\d{2})/i;
var a=r.exec(date);
if(a){
    var d=new Date();
    d.setHours(a[1]);
    d.setMinutes(a[2]);
    var ec=new Date(Date.now()-d);
    console.log('Il y a '+ec.getUTCHours()+'H '+ec.getUTCMinutes()+'min');
}

Il faut bien-sûr récupérer la date du post dans la variable date et modifier la ligne console.log mais c'est une première approche.

Coucou Arnaud,
tout d'abord merci beaucoup. Je voulais savoir comment insérer la récupération de la date dans la variable ?
Peux tu me donner un exemple s'il te plaît ?
En fait, je récupère le contenu de cette class :
.M14_times

Bonjour Philippe et Arnaud.

Milouze14 a écrit:
Il vaut mieux afficher un texte de base pour les messages ayant plus d'une journée et le script qui va déduire l'heure pour un message posté le jour même non.

Oui tout à fait Philippe. ne prendre en compte que les messages postés le jour même.

Ha oui, superbe Arnaud et merci pour cette piste qui permet de récupérer l'heure et les minutes.

Par contre dans la variable r, l'heure n'est pas correcte.
ça devient bon en la modifiant ainsi:

Code:

var r=/aujourd.+(\d{2}):(\d{2})/i;

Milouze14 a écrit:
Je voulais savoir comment insérer la récupération de la date dans la variable ?

Philippe, en insérant le code d'Arnaud dans ton script juste après ta variable date:

Code:

var date=$(this).find('.M14_time').html();

ça semble marcher.

Le code d'Arnaud à insérer en ajoutant la variable duree:

Code:


var r=/aujourd.+(\d{2}):(\d{2})/i;
    var a=r.exec(date);
    if(a){
        var d=new Date();
        d.setHours(a[1]);
        d.setMinutes(a[2]);
        var ec=new Date(Date.now()-d);
        var duree= +ec.getUTCHours()+'H '+ec.getUTCMinutes()+'min';
        console.log(duree);    
    }

Dans la variable duree, tu as donc le temps écoulé entre l'heure actuelle et l'heure du post.

Ton script deviendrait:

Code:


//Voir deniers messages et sujets ttes pages
    $(function(){
    var page=$('h1.page-title:contains(Dernières discussions)').length;
    if(location.href.match(/id=newposts/)||(page)){
        $(function(){
        //l image de chargement
     var recharge="https://i.servimg.com/u/f20/20/11/87/27/loadin16.gif";    
        var last=$('h1.page-title:contains(Dernières discussions)').length;
        $('form[action="/search?search_id=watchsearch"]').addClass('M14_Action');
        var retour=$('h1.page-title').text();
        $('.M14_result_If').append('<span class="M14_get_last_sujets" title="Voir les dernières discussions"><a href="/latest">Voir les derniers sujets</a></span><span class="M14_get_reload" title="Voir les nouveaux messages depuis votre dernière visite"><a href="/search?search_id=newposts">Voir les nouveaux messages</a></span></span>');
        if(last){$('.M14_get_last_sujets').remove();$('.M14_get_reload').show();}
    $('li:not(.header)  dd.views center').append('<div class="M14_LoaD_ToPiCsSearch"><img src="https://i.servimg.com/u/f20/20/11/87/27/186.png"/></div>');
    var imgmessage="https://i.servimg.com/u/f20/20/11/87/27/icon_c11.png";  
    var imgdate="https://i.servimg.com/u/f20/20/11/87/27/icon_b11.png";
    $('ul.topiclist.topics.search li:not(.header)').after('<div class="M14_import_LocAl"><div class="M14_importe_local_message">
    <img class="M14_not_delete" src="'+imgmessage+'"/><div><img class="M14_reload"src="'+recharge+'"/></div>
    </div><br />
  //<div class="M14_importe_local_date"><img class="M14_not_delete" src="'+imgdate+'"/> <div><img class="M14_reload"src="'+recharge+'"/></div></div>
    </div>');
        $('ul.topiclist.topics.search ').find('li').each(function(){var $this=$(this);
        var topic=$(this).find('a.M14_ActionTopictitle').attr('href');
        var fofo=$(this).find('.M14_number_fofo').attr('href');
        var number=fofo.match(/\d+/);
        var pseudo=$(this).find('.span-tab').find('a[href^="/u"]').text();        
        //on supprime les images non désirées
        var a="https://i.servimg.com/u/f58/18/97/96/21/man-wi10.png";
        $.get(topic, function(data){
        var img=$(data).find('div[class*="post--"]:first').find('.content div:not(.M14_reception_photos) img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"]):first').attr('src');      
          if(img)
        {      
      $this.find('.M14_LoaD_ToPiCsSearch img').removeAttr('title').attr('src',img).wrap('<a class="M14_TolTiP"href="'+topic+'" title="Voir la photo de '+pseudo+'"></a>');              
        }
        });});          
    $('ul.topiclist.topics.search ').find('li').find('.lastpost').find('a[href^="/t"]').each(function(){
    var $this=$(this);
    var lastlink=$(this).attr('href');
    //on localise l'id du message
    var local=lastlink.match(/\d+$/);  
    $.get(lastlink, function(data){
    $(data).find('div[id="p'+local+'"][class*="post--"]').each(function(){
    var texte=$(this).find('.postbody .content div:not(.signature_div,.M14_reception_photos)').html();
    var date=$(this).find('.M14_time').html();

          
    var r=/aujourd.+(\d{2}):(\d{2})/i;
    var a=r.exec(date);
    if(a){
        var d=new Date();
        d.setHours(a[1]);
        d.setMinutes(a[2]);
        var ec=new Date(Date.now()-d);
        var duree= +ec.getUTCHours()+'H '+ec.getUTCMinutes()+'min';
        var duree1= +ec.getUTCMinutes()+'min';
        console.log(duree);    
      
      var heure = +ec.getUTCHours();
          console.log(heure);
    }
      
      if (heure <1) {
      $this.closest('li').next().find('.M14_importe_local_message').before('<div class = "depuis">il y a '+duree1+'</div>');
      }
      else if (heure <24) {
      $this.closest('li').next().find('.M14_importe_local_message').before('<div class = "depuis">il y a '+duree+'</div>');
      }    
  
      
    $this.closest('li').next().find('.M14_importe_local_message').find('div').html(texte);
 //   $this.closest('li').next().find('.M14_importe_local_date').find('div').html(date);        
    });});});    
        });
        }
    });


et du css:

Code:


.depuis {
 background: #9e0b10;
 float: right;
 margin-right: 25%;
 padding: 10px;
 position: relative;
 width: 90px;
 text-align: center;
}


Je suis nul en code, donc ce n'est pas top, pas placé où je souhaitais ni dans la liste des sujets, mais c'est une piste.

Hello Serge,
ma demande concernée Arnaud, je sais bien comment insérer une variable,
mais pour moi pour l'instant c'est un de l'inconnu.

alors ceci:

Code:

var r=/aujourd.+(\d{2}):(\d{2})/i;

C'est pas bon car on recherche forcément deux caractères dans la partie heure.
Si je poste a 3h00 du matin comme moi et bien cela ne fonctionnera pas.

Re Serge,
alors un grand merci à Arnaud car je n'aurais pas pu trouver seul.

En partant du principe d'avoir dans le template:

Code:


<span class="M14_times">{searchresults.LAST_POST_TIME}</span>
<span class="heure_exacte" style="float:right;">Il y a plus d'une journée</span>


Sans aucune modification (car le script recherche le suivant).

Et remplacer le script existant par celui-ci:

Code:


//Voir deniers messages et sujets ttes pages
$(function(){
var page=$('h1.page-title:contains(Dernières discussions)').length;
if(location.href.match(/id=newposts/)||(page)){
    $(function(){
var recharge="https://i.servimg.com/u/f20/20/11/87/27/loadin16.gif";    
    var last=$('h1.page-title:contains(Dernières discussions)').length;
    $('form[action="/search?search_id=watchsearch"]').addClass('M14_Action');
    var retour=$('h1.page-title').text();
    $('.M14_result_If').append('<span class="M14_get_last_sujets" title="Derniers sujets"><a href="/latest">Voir les derniers sujets</a></span><span class="M14_get_reload" title="Voir les nouveaux messages"><a href="/search?search_id=newposts">Voir les nouveaux messages</a></span></span>');
    if(last){$('.M14_get_last_sujets').remove();$('.M14_get_reload').show();}
$('li:not(.header)  dd.views center').append('<div class="M14_LoaD_ToPiCsSearch"><img src="https://i.servimg.com/u/f20/20/11/87/27/186.png"/></div>');
var imgmessage="https://i.servimg.com/u/f20/20/11/87/27/icon_c11.png";  
var imgdate="https://i.servimg.com/u/f20/20/11/87/27/icon_b11.png";
$('ul.topiclist.topics.search li:not(.header)').after('<div class="M14_import_LocAl"><div class="M14_importe_local_message"><img class="M14_not_delete" src="'+imgmessage+'"/><div><img class="M14_reload"src="'+recharge+'"/></div></div><br /><span class="M14_importe_local_date"><img class="M14_not_delete" src="'+imgdate+'"/> <span><img class="M14_reload"src="'+recharge+'"/></span></span></div>');
    $('ul.topiclist.topics.search ').find('li').each(function(){var $this=$(this);
    var topic=$(this).find('a.M14_ActionTopictitle').attr('href');
    var fofo=$(this).find('.M14_number_fofo').attr('href');
    var number=fofo.match(/\d+/);
    var pseudo=$(this).find('.span-tab').find('a[href^="/u"]').text();

    
    //on supprime les images non désirées
    var a="https://i.servimg.com/u/f58/18/97/96/21/man-wi10.png";
    $.get(topic, function(data){
    var img=$(data).find('div[class*="post--"]:first').find('.content div:not(.M14_reception_photos) img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"]):first').attr('src');
    if(img)
    {
    $this.find('.M14_LoaD_ToPiCsSearch img').attr('src',img).wrap('<a class="M14_TolTiP"href="'+topic+'"></a>');
  
    }
    });});
    
$('ul.topiclist.topics.search ').find('li').find('.lastpost').find('a[href^="/t"]').each(function(){
var $this=$(this);
var lastlink=$(this).attr('href');
//on localise l'id du message
var local=lastlink.match(/\d+$/);  
      $.get(lastlink, function(data){
$(data).find('div[id="p'+local+'"][class*="post--"]').each(function(){
var texte=$(this).find('.postbody .content div:not(.signature_div)').html();
var date=$(this).find('.M14_time').html();


$this.closest('li').next().find('.M14_importe_local_message').find('div').html(texte);
$this.closest('li').next().find('.M14_importe_local_date').find('span').html(date);
  

});});});    
    
    
    });
  
  
  
$('ul.topiclist.topics.search ').find('.lastpost').find('.M14_times').each(function(){
var $this=$(this);
var date=$this.text();
var r=/aujourd.+(\d{1}):(\d{2})/i;
var s=/aujourd.+(\d{2}):(\d{2})/i;
var a=r.exec(date);
var b=s.exec(date);
 
if(a)
{
var d=new Date();
d.setHours(a[1]);
d.setMinutes(a[2]);
var ec=new Date(Date.now()-d);
$this.next().text('Il y a '+ec.getUTCHours()+'H '+ec.getUTCMinutes()+'min');
}
if(b)
{
var t=new Date();
t.setHours(b[1]);
t.setMinutes(b[2]);
var op=new Date(Date.now()-t);
$this.next().text('Il y a '+op.getUTCHours()+'H '+op.getUTCMinutes()+'min');
}


});
  

}
});




L'heure s'affichera si un membre a posté entre 0h ==> 9h
L'heure s'affichera si un membre a posté entre 10h ==> 23h

Ah mais de rien ^^, essayez plutôt avec la regex suivante qui devrait traiter les deux cas :

Code:

var r=/aujourd\D+(\d+):(\d{2})/i;

Ah effectivement, j'avais testé pas mal de possibilité mais les regexs
me jouent encore des tours :) .

Merci beaucoup Arnaud .


Serge, le script modifié dans sa totalité:

Code:

//Voir deniers messages et sujets ttes pages
$(function(){
var page=$('h1.page-title:contains(Dernières discussions)').length;
if(location.href.match(/id=newposts/)||(page)){
    $(function(){
var recharge="https://i.servimg.com/u/f20/20/11/87/27/loadin16.gif";   
    var last=$('h1.page-title:contains(Dernières discussions)').length;
    $('form[action="/search?search_id=watchsearch"]').addClass('M14_Action');
    var retour=$('h1.page-title').text();
    $('.M14_result_If').append('<span class="M14_get_last_sujets" title="Derniers sujets"><a href="/latest">Voir les derniers sujets</a></span><span class="M14_get_reload" title="Voir les nouveaux messages"><a href="/search?search_id=newposts">Voir les nouveaux messages</a></span></span>');
    if(last){$('.M14_get_last_sujets').remove();$('.M14_get_reload').show();}
$('li:not(.header)  dd.views center').append('<div class="M14_LoaD_ToPiCsSearch"><img src="https://i.servimg.com/u/f20/20/11/87/27/186.png"/></div>');
var imgmessage="https://i.servimg.com/u/f20/20/11/87/27/icon_c11.png"; 
var imgdate="https://i.servimg.com/u/f20/20/11/87/27/icon_b11.png";
$('ul.topiclist.topics.search li:not(.header)').after('<div class="M14_import_LocAl"><div class="M14_importe_local_message"><img class="M14_not_delete" src="'+imgmessage+'"/><div><img class="M14_reload"src="'+recharge+'"/></div></div><br /><span class="M14_importe_local_date"><img class="M14_not_delete" src="'+imgdate+'"/> <span><img class="M14_reload"src="'+recharge+'"/></span></span></div>');
    $('ul.topiclist.topics.search ').find('li').each(function(){var $this=$(this);
    var topic=$(this).find('a.M14_ActionTopictitle').attr('href');
    var fofo=$(this).find('.M14_number_fofo').attr('href');
    var number=fofo.match(/\d+/);
    var pseudo=$(this).find('.span-tab').find('a[href^="/u"]').text();

   
    //on supprime les images non désirées
    var a="https://i.servimg.com/u/f58/18/97/96/21/man-wi10.png";
    $.get(topic, function(data){
    var img=$(data).find('div[class*="post--"]:first').find('.content div:not(.M14_reception_photos) img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"]):first').attr('src');
    if(img)
    {
    $this.find('.M14_LoaD_ToPiCsSearch img').attr('src',img).wrap('<a class="M14_TolTiP"href="'+topic+'"></a>');
 
    }
    });});
   
$('ul.topiclist.topics.search ').find('li').find('.lastpost').find('a[href^="/t"]').each(function(){
var $this=$(this);
var lastlink=$(this).attr('href');
//on localise l'id du message
var local=lastlink.match(/\d+$/); 
      $.get(lastlink, function(data){
$(data).find('div[id="p'+local+'"][class*="post--"]').each(function(){
var texte=$(this).find('.postbody .content div:not(.signature_div)').html();
var date=$(this).find('.M14_time').html();


$this.closest('li').next().find('.M14_importe_local_message').find('div').html(texte);
$this.closest('li').next().find('.M14_importe_local_date').find('span').html(date);
 

});});});   
   
   
    });
 
 
 
$('ul.topiclist.topics.search ').find('.lastpost').find('.M14_times').each(function(){
var $this=$(this);
var date=$this.text();
var r=/aujourd\D+(\d+):(\d{2})/i;
var a=r.exec(date);
if(a)
{
var d=new Date();
d.setHours(a[1]);
d.setMinutes(a[2]);
var ec=new Date(Date.now()-d);
// console.log('Il y a '+ec.getUTCHours()+'H '+ec.getUTCMinutes()+'min');
$this.next().text('Il y a '+ec.getUTCHours()+'H '+ec.getUTCMinutes()+'min');
}



});
 

}
});

Hello Philippe et Arnaud.

Un énorme merci à vous 2.
Tout est en place, et cela fonctionne. Vous pouvez voir.

Par contre, je n'ai pas le texte du dernier message.
J'avais déjà eu ce souci, et je crois que tu m'avais dt que cela venait du css.
Pourtant pas retouché depuis hier où cela fonctionnait.

Cela sera possible aussi sur la liste des sujets?

Je crois avoir trouvé et c'est de ma faute car il y a deux fois la même class.
Dans le template recherches ceci:

Code:

<span class="M14_times">{searchresults.LAST_POST_TIME}</span>

Remplaces par:

Code:

<span class="M14_get_times">{searchresults.LAST_POST_TIME}</span>

Puis le script dans sa totalité:

Code:

//Voir deniers messages et sujets ttes pages
    $(function(){
    var page=$('h1.page-title:contains(Dernières discussions)').length;
    if(location.href.match(/id=newposts/)||(page)){
        $(function(){
    var recharge="https://i.servimg.com/u/f20/20/11/87/27/loadin16.gif"; 
        var last=$('h1.page-title:contains(Dernières discussions)').length;
        $('form[action="/search?search_id=watchsearch"]').addClass('M14_Action');
        var retour=$('h1.page-title').text();
        $('.M14_result_If').append('<span class="M14_get_last_sujets" title="Derniers sujets"><a href="/latest">Voir les derniers sujets</a></span><span class="M14_get_reload" title="Voir les nouveaux messages"><a href="/search?search_id=newposts">Voir les nouveaux messages</a></span></span>');
        if(last){$('.M14_get_last_sujets').remove();$('.M14_get_reload').show();}
    $('li:not(.header)  dd.views center').append('<div class="M14_LoaD_ToPiCsSearch"><img src="https://i.servimg.com/u/f20/20/11/87/27/186.png"/></div>');
    var imgmessage="https://i.servimg.com/u/f20/20/11/87/27/icon_c11.png";
    var imgdate="https://i.servimg.com/u/f20/20/11/87/27/icon_b11.png";
    $('ul.topiclist.topics.search li:not(.header)').after('<div class="M14_import_LocAl"><div class="M14_importe_local_message"><img class="M14_not_delete" src="'+imgmessage+'"/><div><img class="M14_reload"src="'+recharge+'"/></div></div><br /><span class="M14_importe_local_date"><img class="M14_not_delete" src="'+imgdate+'"/> <span><img class="M14_reload"src="'+recharge+'"/></span></span></div>');
        $('ul.topiclist.topics.search ').find('li').each(function(){var $this=$(this);
        var topic=$(this).find('a.M14_ActionTopictitle').attr('href');
        var fofo=$(this).find('.M14_number_fofo').attr('href');
        var number=fofo.match(/\d+/);
        var pseudo=$(this).find('.span-tab').find('a[href^="/u"]').text();

     
        //on supprime les images non désirées
        var a="https://i.servimg.com/u/f58/18/97/96/21/man-wi10.png";
        $.get(topic, function(data){
        var img=$(data).find('div[class*="post--"]:first').find('.content div:not(.M14_reception_photos) img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"]):first').attr('src');
        if(img)
        {
        $this.find('.M14_LoaD_ToPiCsSearch img').attr('src',img).wrap('<a class="M14_TolTiP"href="'+topic+'"></a>');
   
        }
        });});
     
    $('ul.topiclist.topics.search ').find('li').find('.lastpost').find('a[href^="/t"]').each(function(){
    var $this=$(this);
    var lastlink=$(this).attr('href');
    //on localise l'id du message
    var local=lastlink.match(/\d+$/);
          $.get(lastlink, function(data){
    $(data).find('div[id="p'+local+'"][class*="post--"]').each(function(){
    var texte=$(this).find('.postbody .content div:not(.signature_div)').html();
    var date=$(this).find('.M14_time').html();


    $this.closest('li').next().find('.M14_importe_local_message').find('div').html(texte);
    $this.closest('li').next().find('.M14_importe_local_date').find('span').html(date);
   

    });});}); 
     
     
        });
   
   
   
    $('ul.topiclist.topics.search ').find('.lastpost').find('.M14_get_times').each(function(){
    var $this=$(this);
    var date=$this.text();
    var r=/aujourd\D+(\d+):(\d{2})/i;
    var a=r.exec(date);
    if(a)
    {
    var d=new Date();
    d.setHours(a[1]);
    d.setMinutes(a[2]);
    var ec=new Date(Date.now()-d);
    // console.log('Il y a '+ec.getUTCHours()+'H '+ec.getUTCMinutes()+'min');
    $this.next().text('Il y a '+ec.getUTCHours()+'H '+ec.getUTCMinutes()+'min');
    }



    });
   

    }
    });

C'est en place Philippe, mais toujours pas le texte du dernier message.

Je n'ai aucun soucis de mon côté sur mon fofo de tests.

Ok Phil.

J'ai le même souci sur mon forum test ici:
https://sergetest.kanak.fr/search?search_id=newposts

Re, tout est fonctionnel Serge.
J'ai modifié cette ligne:

Code:

   
var texte=$(this).find('.postbody .content div:not(.M14_reception_photos)').html();


De plus il faudrait le double agréage des messages car cela va provoquer des erreurs.