[PHPBB3] Temps écoulé sur derniers messages accueil

Hello Serge,

pour en faire profiter tout le monde:

Dans le template index_box:
Affichage/Templates/Général/index_box


Recherches ceci:

Code:


{catrow.forumrow.USER_LAST_POST}


Supprimes et remplaces par:

Code:


 <span class="M14_topics_list_date">{catrow.forumrow.USER_LAST_POST}</span>


Penses a enregistrer puis à valider en cliquant respectivement sur   puis



Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Coches sur l'index.

Déposes ceci:

Code:


$(function(){
$('.M14_topics_list_date').each(function(){
   
    var date=$(this).text();
    var r=/aujourd\D+(\d+):(\d{2})/i;
    var a=r.exec(date);
    if(a)
    {
    $(this).addClass('date').attr('title','Message très récent');
     var d=new Date();
    d.setHours(a[1]);
    d.setMinutes(a[2]);
    var ec=new Date(Date.now()-d);
$(this).html($(this).html().replace(/aujourd\D+(\d+):(\d{2})/i,'Il y a '+ec.getUTCHours()+' h et '+ec.getUTCMinutes()+' min(s)'));
    }
});});


Penses a cliquer sur le bouton

Dans le script, tu as cette ligne:

Code:


$(this).addClass('date').attr('title','Message très récent');


Qui signifie( avec la condition qu'il soit présent) :
On ajoute la class date et au survol on affiche une infobule("Message très récent").

Et la css modifiable à souhait:

Code:

.M14_topics_list_date.date
{
C.S.S
}

Bonjour Philippe,

Super, c'est tout bon
Je n'y serais en effet jamais arrivé seul.




Un truc bizarre sur mon fofo: avec Chrome, toutes les heures affichées partout indiquent 2heures de plus. Je n'ai pas ce souci avec Firefox et Microsoft edge.
Serais-je le seul à avoir cela?
Si quelqu'un pouvait vérifier, ce serait sympa.

Re Serge,
j'ai supprimé ton script car il n'est pas bon Serge.
Tu ne peux pas avec le script actuel, ne pas afficher les secondes car cette partie:

Code:

$(this).html($(this).html().replace(/aujourd\D+(\d+):(\d{2})/i,'Il y a '+ec.getUTCHours()+' h et '+ec.getUTCMinutes()+' min(s)'));

Recherche les secondes, donc Chrome fait correctement ce que lui demande.

Re Phil,

Le décalage horaire sur chrome Philippe, n'est pas lié au script me semble-t-il.
Ce décalage est sur toutes les dates de mon fofo, même quand le script est absent.

Si je confirme Serge,
car sur mon fofo avec chrome ou Firefox, l'heure est identique

Effectivement, je 'ai pas le souci avec ton fofo.

Mai sur mon fofo, j'ai bien le souci. J'ai retiré le script sur la page d'accueil et le souci est là, y compris sur le widget derniers sujets en haut.

C'est comme si Chrome ne détectait pas le fuseau horaire sur mon fofo.

Ou alors que ton profil n'a pas le fuseau horaire à jour!!!
https://photoclic.forum-pro.fr/profile?mode=editprofile&page_profil=preferences

Le script pour afficher juste l'heure:

Code:

$(function(){
    $('.M14_topics_list_date').each(function(){
        var $this=$(this).html();
        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]);
        var ec=new Date(Date.now()-d);
    $(this).html($(this).html().replace(/aujourd\D+(\d+):(\d{2})/i,'Il y a '+ec.getUTCHours()+' h'));
        }
    });});

Je suis sur Paris (UTC+2) donc c'est bon.
je viens de vérifier sur mes forums tests, je n'ai pas le souci.

C'est donc juste sur photoclic.
Vraiment bizarre cette affaire.

Je viens de voir ton dernier script.

On s'est mal compris, je ne cherchais pas à n'afficher que l'heure, mais de n'afficher que les minutes quand l'heure est à zéro.

C'était le but de ce bout de script:

Code:


var heure = +ec.getUTCHours();  
         if (heure <1) {
       $(this).html($(this).html().replace(/aujourd\D+(\d+):(\d{2})/i,'Il y a '+ec.getUTCMinutes()+' min'));
       }
       else if (heure <12) {
       $(this).html($(this).html().replace(/aujourd\D+(\d+):(\d{2})/i,'Il y a '+ec.getUTCHours()+' h et '+ec.getUTCMinutes()+' min'));
       }            


Pour le fuseau horaire, Philippe, tu avais raison. Quand j'allais sur le profil sous Mozilla, j'étais bien sur Paris, mais quand j'y allais sous Chrome, j'étais pas sur Paris.
Incroyable ça. J'ignorais que le profil réglé sur un fofo peut apparaitre différent sur un autre explorateur.


Il me restera ensuite à mettre aussi le temps écoulé dans le widget derniers sujets, c'est donc j'imagine un span à ajouter quelque part dans le template mod_recent_topics.
Cela se traiterait ici Phil ou bien j'ouvre une nouvelle demande?

Un grand merci Philippe de l'aide apportées pour tous ces sujets.

Quand j'allais sur le profil sous Mozilla, j'étais bien sur Paris,
mais quand j'y allais sous Chrome, j'étais pas sur Paris.
Incroyable ça.

Hum, cela sent un non vidage du cache depuis un bon bout de temps..

Pour l'ajout des conditions:
J'ai modifié la variable heure.

Un else suffit Serge

Code:


    var heure = ec.getUTCHours();  
             if (heure <1) {
           $(this).html($(this).html().replace(/aujourd\D+(\d+):(\d{2})/i,'Il y a '+ec.getUTCMinutes()+' min'));
           }
           else{
           $(this).html($(this).html().replace(/aujourd\D+(\d+):(\d{2})/i,'Il y a '+ec.getUTCHours()+' h et '+ec.getUTCMinutes()+' min'));
           }            


Tu peux me donner ton script complet ainsi de le contenu du template "Sujets récents".


Car je suppose que procéderas avec le même principe.

Re Phil,

Le contenu du template:

Code:


    <div class="module M14_lastTopIcSLoad">
          <div class="inner"><span class="corners-top"><span></span></span>

              <div class="h3">{L_RECENT_TOPICS}</div>
    <div id="M14_lastTopIcSLoad">
        <!-- BEGIN scrolling_row -->
            {MARQUEE_JS_SRC}
            <div id="comments_scroll_div">
                <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
                    <!-- BEGIN recent_topic_row -->
                    » <a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
                    <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

                    <!-- BEGIN switch_poster -->
                    <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
                    <!-- END switch_poster -->

             
                        <!-- BEGIN switch_poster_guest -->

                  <span class="M14_invite"> {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}</span>
            <br /><br />
                        <!-- END switch_poster_guest -->

             
             
                    <!-- END recent_topic_row -->
                </div>
            </div>
            </div>
            <script>
                $(".marquee").marquee();
            </script>
        <!-- END scrolling_row -->

        <!-- BEGIN classical_row -->
          <!-- BEGIN recent_topic_row -->
              » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

              <!-- BEGIN switch_poster -->
              <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
              <!-- END switch_poster -->

           

            <!-- BEGIN switch_poster_guest -->
                  <span class="M14_invite">{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}</span>
                  <!-- END switch_poster_guest -->


              {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

              <!--
              <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
              -->
          <!-- END recent_topic_row -->
        <!-- END classical_row -->

          <span class="corners-bottom"><span></span></span></div>
        </div>



Le code complet? Celui que tu as retiré était celui-ci:

Code:


$(function(){
    $('.M14_topics_list_date').each(function(){
        var $this=$(this).html();
        var date=$(this).text();
        var r=/aujourd\D+(\d+):(\d{2})/i;
        var a=r.exec(date);
        if(a)
        {
        $(this).addClass('date').attr('title','Message récent');
        var d=new Date();
        d.setHours(a[1]);
        d.setMinutes(a[2]);
        var ec=new Date(Date.now()-d);
        var heure = +ec.getUTCHours(); 
        if (heure <1) {
      $(this).html($(this).html().replace(/aujourd\D+(\d+):(\d{2})/i,'Il y a '+ec.getUTCMinutes()+' min'));
      }
      else if (heure <12) {
      $(this).html($(this).html().replace(/aujourd\D+(\d+):(\d{2})/i,'Il y a '+ec.getUTCHours()+' h et '+ec.getUTCMinutes()+' min'));
      }           
        }
    });});

J'ai édité mon message précédent Serge.
Ensuite, tu veux  parler du widget que tu importes sur ton fofo ?



Ou sur le portail????

oui, c'est bien sur ce widget Phil en priorité.

Merci pour la correction du else.

De rien, corriges aussi la variable heure:
https://www.milouze14.com/t32577-phpbb3-temps-ecoule-sur-derniers-messages-accueil#620654



Juste avant de partir.
Pour les sujets récents non défilant (comme sur ton fofo, hors importation) .

Trouves cette variable:

Code:

{classical_row.recent_topic_row.S_POSTTIME}

Supprimes et remplaces par:

Code:

<span class="M14_classical_time">{classical_row.recent_topic_row.S_POSTTIME}</span>

Puis ce script sur toutes les pages si tu as le widget "Derniers sujets" via la configuration de ton P.A.

Code:

$(function(){
        $('.M14_classical_time').each(function(){
            var $this=$(this).html();
            var date=$(this).text();
            var r=/aujourd\D+(\d+):(\d{2})/i;
            var a=r.exec(date);
            if(a)
            {
            $(this).addClass('date').attr('title','Message récent');
            var d=new Date();
            d.setHours(a[1]);
            d.setMinutes(a[2]);
            var ec=new Date(Date.now()-d);
            var heure = ec.getUTCHours();
            if (heure <1) {
          $(this).html($(this).html().replace(/aujourd\D+(\d+):(\d{2})/i,'Il y a '+ec.getUTCMinutes()+' min'));
          }
          else{
          $(this).html($(this).html().replace(/aujourd\D+(\d+):(\d{2})/i,'Il y a '+ec.getUTCHours()+' h et '+ec.getUTCMinutes()+' min'));
          }          
            }
        });});

Génial Philippe, c'est tout bon

Je ne vois pas le changement fait sur la variable heure Philippe.

Tu parles bien de cette variable:

Code:

var heure = ec.getUTCHours();

Oui Serge,

je vais être obligé encore d'éditer ton message pour cocher le bouton en cours..............

Rien fait de spécial pour cette histoire "d'en cours" qui s'en va. Bizarre.

Et pour la variable heure, je ne vois pas le changement que tu as fais par rapport à mon script.



Mince Philippe, je viens de cocher sur Résolu, et je m'aperçois que tous les widgets derniers sujets ont bien la date modifiée, sauf celui que j'aurais du regarder en premier, c'est à dire celui qui est sur la page d'accueil en haut à droite  

Son code correspondant dans les généralités :

Code:


<!--AFFICHAGE derniers sujets page d'accueil    -->                                                                                                                                              <td valign="top" style="width: 72%;float: right;">
<div class="M14_lAstSujets">         
<div>


                                                                                                                                                                                                    
Et le JS sur page d'accueil correspondant:

Code:


//Derniers sujets sur page d'accueil
    $(function(){ if (_userdata["user_id"] > (0)){
        $('.M14_lAstSujets div').load('/ #M14_lastTopIcSLoad');
        $(".partenaire").remove();
        }});


Désolé d'être allé trop vite dans les conclusions, et un grand merci l'ami pour tout ce que tu as déjà fait.

Hello Serge,

Et pour la variable heure, je ne vois pas le changement que tu as fais par rapport à mon script.

On passe de :

Code:

var heure = +ec.getUTCHours();

à:

Code:

var heure = ec.getUTCHours();

Je ré-ouvre son sujet Serge.
Mais , je crois que c'est pêne perdue avec une importation....

Bonjour Philippe,

Merci pour la loupe sur la variable heure :-)

Concernant le widget en page d'accueil, ne serait-il pas possible de le mettre en place différemment?
Actuellement on passe par les Généraltés.
Or je l'ai mis sur les sous forums et les sujets en utilisant ce script:

Code:


//widget nouveaux sujets en haut de page sujets et sf
    $(function(){
      var nomduwidget = 'Derniers sujets'; //titre du widget
      $('.module:contains("' + nomduwidget + '")').css({'width':'30%','height':'315px','margin-left':'34%','overflow-y':'scroll'}).detach().prependTo('#main-content');            
      $('#M14_lastTopIcSLoad').css({'margin-left':'50px'});          
      $('.jsUserPhoto_mini').css({'margin-left':'-55px','position': 'absolute'});  
      });


En cochant sur la page d’accueil ça marche aussi, mais il se positionne en haut de page.
Ne serait-il pas possible de le substituer au même endroit que l'autre et lui donner le même rendu?

Re Serge,
tu parles d'importation différente mais as tu le résultat escompté pour les heures, ce qui m'étonnerait fortement Serge...

Re Phil,

Avec le script que tu m'as écrit là haut:
https://www.milouze14.com/t32577-phpbb3-temps-ecoule-sur-derniers-messages-accueil#620635

j'ai le résultat comme prévu sur le widget dernier sujets ainsi que sur ce même widget mis en haut des sujets et des sous forums avec le script donné ici:
https://www.milouze14.com/t32577-phpbb3-temps-ecoule-sur-derniers-messages-accueil#620685

Cela est en place sur mon fofo Phil.

Étonnant Serge que ce soit effectif,
je vais essayer de trouver une solution plus propre.

Et voilou, tu as édité et hop, plus de "En cours"........................