Connexion

Récupérer mon mot de passe

Derniers sujets
» [AWESOMEBB] Changer la police titre forum
par Milouze14 Mar 2 Juin 2020 - 20:11

» *RESOLU*[PHPBB3] Le fil d'ariane en bas
par Milouze14 Mar 2 Juin 2020 - 20:10

» *RESOLU*[PHPBB3] Bouton chatbox sur barre de notification
par Milouze14 Mar 2 Juin 2020 - 17:59

» *RESOLU*[PHPBB3] Erreur dans template
par Milouze14 Lun 1 Juin 2020 - 15:56

» [PHPBB2] Mettre en résolu via la réponse rapide
par Morane Lun 1 Juin 2020 - 14:28

» *RESOLU*[PHPBB2] Installation Messenger - Template modifié
par Milouze14 Sam 30 Mai 2020 - 20:16

» [PHPBB2] Cacher les infos du profil sous l'avatar, en hover
par Milouze14 Jeu 28 Mai 2020 - 18:54

» [AWESOMEBB] Supprimer le soulignement des liens
par Milouze14 Mer 27 Mai 2020 - 18:28

» *RESOLU*[PHPBB2] Champs du profil en fonction de la couleur de groupe.
par Milouze14 Mar 26 Mai 2020 - 17:54

» [PUNBB] Codage qeel
par Milouze14 Mar 26 Mai 2020 - 17:44

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [PUNBB] Couleurs des Catégories et des cellules qui ne changent pas de couleurs
par Milouze14 Lun 25 Mai 2020 - 14:47

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [AWESOMEBB] Taille de la zone.
par Milouze14 Dim 24 Mai 2020 - 5:38

» [PUNBB] Agencement du profil
par Milouze14 Sam 23 Mai 2020 - 19:06

» *RESOLU*[MODERNBB] Chatbox - Enlever les deux points après le pseudo
par Milouze14 Sam 23 Mai 2020 - 17:26

» *RESOLU*[PHPBB3] Anomalies certains éléments
par Milouze14 Sam 23 Mai 2020 - 16:05

» [AWESOMEBB]Refonte du profil dans un sujet.
par Milouze14 Sam 23 Mai 2020 - 3:31

» [PHPBB2] Alignement du champ masculin/féminin
par Milouze14 Jeu 21 Mai 2020 - 20:24

*RESOLU*[PHPBB3] Temps écoulé sur nouveaux messages

Page 1 sur 2 1, 2  Suivant

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

photoclic
photoclic
Milouzien

Messagephotoclic le Lun 13 Avr 2020 - 15:53

  • Version du forum :
    PHPBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour à tous les milouziens,

Serai-t-il possible d'ajouter sur les nouveaux messages et peut-être aussi sur les sujets récents (voire même sur la liste des sujets) le temps écoulé entre l'heure actuelle et l'heure du post.

La variable de la date actuelle pourrait par exemple être récupérée ainsi:
Code:

var maDate = new Date();
var t1 = maDate.getTime();

La présentation pourrait être celle-ci:
*RESOLU*[PHPBB3] Temps écoulé sur nouveaux messages Captur99


Merci pour votre aide.



Dernière édition par photoclic le Mer 15 Avr 2020 - 19:27, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 13 Avr 2020 - 16:05

Hello Serge,

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

@no_way , si tu passes dans le coin hinhin .


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Lun 13 Avr 2020 - 16:21

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 oups1
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 13 Avr 2020 - 18:51

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 Ha ha ha .


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Lun 13 Avr 2020 - 19:36

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

MessageMilouze14 le Lun 13 Avr 2020 - 19:48

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

Je suis beaucoup moins optimiste MDR .



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Lun 13 Avr 2020 - 20:01

Comment faire pour mettre dans une variable :

Code:
{NOWWITHTIME}
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 13 Avr 2020 - 20:19

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

Jeu 4 Juin 2020 - 5:59

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


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Lun 13 Avr 2020 - 20:21

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.
photoclic
photoclic
Milouzien

Messagephotoclic le Lun 13 Avr 2020 - 22:03

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é
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 14 Avr 2020 - 4:11

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


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
no_way
no_way
Développeur

Messageno_way le Mar 14 Avr 2020 - 5:36

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.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 14 Avr 2020 - 8:43

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


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mar 14 Avr 2020 - 11:12

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;

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 14 Avr 2020 - 11:44

@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.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 14 Avr 2020 - 16:20

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.



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 14 Avr 2020 - 16:59

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


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
no_way
no_way
Développeur

Messageno_way le Mar 14 Avr 2020 - 18:02

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;
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 14 Avr 2020 - 18:21

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

Merci beaucoup Arnaud hinhin .


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');
}



});
 

}
});


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mar 14 Avr 2020 - 18:36

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?
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 14 Avr 2020 - 19:13

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');
    }



    });
   

    }
    });


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mar 14 Avr 2020 - 19:19

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

MessageMilouze14 le Mar 14 Avr 2020 - 19:24

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


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mar 14 Avr 2020 - 19:29

Ok Phil.

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

MessageMilouze14 le Mar 14 Avr 2020 - 19:52

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.


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mar 14 Avr 2020 - 19:55

Super Philippe. T'es génial!

Qu'appelles-tu le double agréage?

Tiens, bizarre Philippe, cette image que tu as pourtant exclue apparait marreordi
https://i.servimg.com/u/f58/18/97/96/21/man-wi10.png
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 14 Avr 2020 - 20:00

La compilation de messages d'un même membre comme ici:
https://photoclic.forum-pro.fr/t21822-inclassables-abstraction-confine-ajout#279525

Pour cette image, on rien exclut Serge, on importe le contenu du message.
Je file pour ma part.
Bonne soirée.


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mar 14 Avr 2020 - 20:04

OK. Bonne soirée Philippe et merci pour tout.

A demain.
photoclic
photoclic
Milouzien

Messagephotoclic le Mar 14 Avr 2020 - 22:05

@Milouze14 a écrit:
.....
De plus il faudrait le double agréage des messages car cela va provoquer des erreurs.


Il y est Philippe, le double agréage des messages.
Tu veux dire il faudrait retirer?


@Milouze14 a écrit:
....
Pour cette image, on rien exclut Serge, on importe le contenu du message.
..

Ah ok, je croyais que tu la testais ici pour ne pas qu'elle y soit:
Code:
           //on supprime les images non désirées
            var notA="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="'+notA+'"]):first').attr('src');
  

Pour info Philippe et pour décharger un peu, j'ai retiré l'import de la date.
Elle est redondante car elle apparait déjà dans la colonne "Derniers messages".

Sinon tout est ok Phil.
Je passe le sujet demain en résolu après t'avoir lu.

A moins que tu te lances dans ce que j'ai mis entre parenthèses là haut:  "mettre aussi le temps écoulé sur la liste des sujets", ici ou sur un autre post.
Si c'est trop lourd Phil, laisse tomber.

En tout cas, 2 énormes merci à toi et Arnaud pour ce développement très enrichissant.


Dernière édition par photoclic le Mar 14 Avr 2020 - 22:10, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 15 Avr 2020 - 4:02

Hello Serge,

ah non , ici:
Code:
              //on supprime les images non désirées
                var notA="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="'+notA+'"]):first').attr('src');
      

C'est l'importation de la première photo du premier message.


Pour moi, c'est ok Serge.
Tu veux parler du Widget Serge, dans ce cas ,
tu as activé le défilement et merci de me donner le template :mod_recent_topics s'il te plait.

Mais je sais pas ou l'on pourrait placer l'heure retenue!!


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mer 15 Avr 2020 - 7:10

Bonjour Philippe 

Ah ok,

Pour la suite je parlais des sous forums oú tu as récement mis les miniatures.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 15 Avr 2020 - 8:47

Re Serge,
si c'est pour la page latest, c'est déjà en place normalement car la variable :
Code:

var page=$('h1.page-title:contains(Dernières discussions)').length;
Récupère cette dernière.


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mer 15 Avr 2020 - 10:28

Re Phil,

Oui, c'est bon sur la page latest.

Il s'agit des sous forums Philippe où tu m'as écrit ICI un joli script:

Code:

//Aperçu des miniatures sur forums C2 Les photos du clic et C1
            if (/\/?f\d+.*/.test(window.location.pathname)) {
            $(function () {
              $('a.topictitle.bis').each(function(){
            var a=$(this).closest('li').find('dd.posts span').text();

            //IMAGE SI UN MESSAGE
            var img1='https://i.servimg.com/u/f25/18/97/96/21/3101010.png';
            //var img1='https://i.servimg.com/u/f25/18/97/96/21/icon_e10.png ';  
            //IMAGE SI DEUX MESSAGES
            //var img2='https://i.servimg.com/u/f87/11/26/21/37/11010.png';
              var img2='https://i.servimg.com/u/f25/18/97/96/21/11011_10.png';
                
            //SI UN MESSAGE ON AFFICHE L ICONE CORRESPONDANT A UN MESSAGE
            if(a==0)
            {
            $(this).after( '<a href="#" style="margin-left: 5px;" class="preview_topic"><img src="'+img1+'" title="Voir le premier message" alt="Preview" style="cursor:pointer;padding-top: 6px;padding-left: 17px;"/></a>');
            }
            //AU DELA ON AFFICHE L ICONE CORRESPONDANT A DEUX MESSAGES ET ON CHANGE LA CLASS
            if(a>=1)
            {
            $(this).after( '<a href="#" style="margin-left: 5px;" class="preview_topicmore"><img src="'+img2+'" title="Voir le premier et le dernier message" alt="Preview" style="cursor:pointer;padding-top: 6px;padding-left: 17px;"/></a>');
            }});
            $('.preview_topic').click(function () {
            var url = this.previousSibling.href;
            $('body').prepend('
            <div id="topicCloseD" style="cursor:pointer;position: fixed;top: 140px;left: 72%;background-color: black;border-radius: 30px;z-index: 25;"><img src="https://i.servimg.com/u/f25/18/97/96/21/icon_e11.png"style="position: relative;z-index: 20;"title="Fermer"/>
                              <div id="topic_popup" class="popupWrapper" style="border:2px solid #CCC;border-radius:5px;left:24.5%;width: 50%;max-height: 75%;overflow: auto;position: fixed !important;top:135px;text-align: center;">                                          
                              <div id="topicPreviewing" style="max-height:800px;overflow-y:auto;"><center><span class="topicPreview-loading" style="font-weight:bold;font-size:18px;color:white;"> Chargement...</span></center></div></div></div>');
            $('#topic_popup').load(url + ' .M14_post:first', function () {
            $('#topicCloseD').click(function () {
            $('#topicCloseD, #topic_popup').remove();
            });});return false;});
            $('.preview_topicmore').click(function () {
            var url = this.previousSibling.href;
            $('body').prepend('
            <div id="topicCloseD" style="cursor:pointer;position: fixed;top: 140px;left: 72%;background-color: black;border-radius: 30px;z-index: 25;"><img src="https://i.servimg.com/u/f25/18/97/96/21/icon_e11.png"style="position: relative;z-index: 20;"title="Fermer"/>
                              <div id="topic_popup" class="popupWrapper" style="border:2px solid #CCC;border-radius:5px;left:24.5%;width: 50%;max-height: 75%;overflow: auto;position: fixed !important;top:135px;">                        
                              <div id="topicPreviewing" style="z-index:10010;max-height:1600px;overflow-y:auto;"><center><span class="topicPreview-loading" style="font-weight:bold;font-size:18px;color:white;"> Chargement...</span></center></div></div></div>');
            $('#topic_popup').load(url + ' .M14_post:first,.M14_post:last', function () {
            $('#topicCloseD').click(function () {
            $('#topicCloseD, #topic_popup').remove();                
            });});return false;});
            if (_userdata["user_id"] < (0)){$('a[class^="preview_to"]').hide();}});
            }

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 15 Avr 2020 - 16:02

Ce script est bien positionné sur la liste des sujets ?


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Mer 15 Avr 2020 - 16:10

Le script est sur les sous-forums.

Voici le template demandé Phil:

Code:

<!-- position widgets et flèches dans sujets et ClicExpress-->  
<style>
#content-container div#left {margin-top:339px;}  
.widget-arrow.isleft {margin-top: 373px;}
  
div#toolbar_list_name_ClicExpress {left: 50%;}
<!-- Fin position widgets et flèches dans sujets et ClicExpress-->  
</style>


<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
 <!-- BEGIN multi_selection -->
 <script type="text/javascript">

 function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
 {
 alert('MAIN');

 var all_checked = true;

 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
 {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
 {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }

 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
 }

 function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
 {
 alert('ALL');

                  for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
 {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
 {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
 }

 </script>
 <!-- END multi_selection -->

<a id="M14"style="position: relative;top: -90px;"></a>

 <div class="forumbg announcement">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist topics">
 <li class="header">
 <dl class="icon">
 <dt>
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->


 {topics_list_box.row.L_TITLE}
 </dt>
 <dd class="posts" style="padding-left:20px;">{topics_list_box.row.L_REPLIES}</dd>


<!--  on masque la colonne Vues <dd class="views">{topics_list_box.row.L_VIEWS}</dd>   -->

 <dd class="lastpost"><span>{topics_list_box.row.L_LASTPOST}</span></dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
 <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

 
    <!-- BEGIN topic -->

     <!-- BEGIN table_sticky -->
     </ul>
     <span class="corners-bottom"><span></span></span></div>
     </div>
     <div class="M14_forumbg forumbg">

 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist topics">
 <li class="header">
 <dl class="icon">
 <!--<dd class="dterm">-->
 <dd class="dterm" style="padding-left:0;">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->

 {topics_list_box.row.topic.table_sticky.L_TITLE}
 </dd>
 <dd class="posts" style="padding-left:60px;">{topics_list_box.row.topic.table_sticky.L_REPLIES}</dd>
 <!-- <dd class="authors">{topics_list_box.row.L_AUTHOR}</dd> -->


<!--  on masque la colonne Vues  <dd class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</dd>  -->


 <dd class="lastpost"><span>{topics_list_box.row.topic.table_sticky.L_LASTPOST}</span></dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist topics bg_none">
 <!-- END table_sticky -->

 <li class="row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >
 <dl class="icon" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');">
 <dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>
 <!-- BEGIN single_selection -->
 <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
 <!-- END single_selection -->
 {topics_list_box.row.NEWEST_POST_IMG}
 {topics_list_box.row.PARTICIPATE_POST_IMG} 

    <span class="M14_type_post">{topics_list_box.row.TOPIC_TYPE}</span>
 
     <div class="topic-title-container"><h2 class="topic-title hierarchy M14_anchor"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></div>

         <a class="M14_LoaD_ToPiCsConT" href="{topics_list_box.row.U_VIEW_TOPIC}"></a>
 
 <!-- BEGIN switch_description -->
 <br />
 {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 <!-- END switch_description -->
 <br />
 {topics_list_box.row.GOTO_PAGE_NEW}


 <span class="span-tab">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong>
     <a class="topictitle bis" href="{topics_list_box.row.U_VIEW_TOPIC}"style="display:none;"></a>
 </span>

<!-- Script Enveloppe retiré
    <img class="M14_GetPosts"src="https://i.servimg.com/u/f62/18/97/96/21/images10.png"/>     -->


 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
 </dd>
 <dd class="posts"><span>{topics_list_box.row.REPLIES}</span><dfn>{L_REPLIES}</dfn></dd>

      
<!--  on masque la colonne Vues   <dd class="views"><span>{topics_list_box.row.VIEWS}</span><dfn>{L_VIEWS}</dfn></dd> -->


 <dd class="lastpost">

 <!-- BEGIN avatar -->
 <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>    
 <!-- END avatar -->
                  
                    <div style="float:left;">                  

 <span>{topics_list_box.row.LAST_POST_AUTHOR}&nbsp;<dfn>{L_LASTPOST}</dfn>
 {topics_list_box.row.LAST_POST_IMG}<br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}</span>

                  
                    </div>
                  
 </dd>
 <!-- BEGIN multi_selection -->
 <input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
 <!-- END multi_selection -->
 </dl>
 </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
 <dl>
 <dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>
 </dl>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Page 1 sur 2 1, 2  Suivant

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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