[PHPBB3] Derniers messages

Sur les forums FA, il nous est proposé de "Voir les nouveaux messages".

L'idée ici, serait de compléter ce qui est proposé en y ajoutant le dernier message.

Pour aller plus sur mon forum, si cela est possible, serait d'y ajouter aussi la miniature de la photo postée dans le 1 ier message lorsqu'il s'agit de la catégorie c2.

Les nouveau messages pourraient se présenter ainsi:

Spoiler:

Pour aller encore plus loin, ajouter un bouton à droite "DERNIERS SUJETS" qui au clic présenterait de la même façon les derniers sujets.
(bouton mis sur l'image ci-dessus).


Merci pour votre aide.

Hello Serge,

alors ce n'est pas le texte de base concernant:

"Voir les nouveaux messages"

Mais bel est bien:

Voir les nouveaux messages depuis votre dernière visite

Ce qui veut dire que:

L'idée ici, serait de compléter ce qui est proposé en y ajoutant le dernier message.

C'est déjà le cas Serge .

Par contre on ne pourra pas filtrer la catégorie Serge mais les forums concernés oui.
Donc merci de me les fournir mon ami.


En attentant , on va placer dans le template qui recueille les informations de cette recherche:
Comme ici:
https://www.milouze14.com/search?search_id=newposts

C'est sur cette page que je vais travailler et ensuite au clic sur le bouton ajouté, on aura les informations suivantes:
https://www.milouze14.com/latest

Dans le template search_results_topics



Recherches ceci:

Code:


<div class="topic-title-container">
<h2 class="topic-title">
<a class="topictitle" href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE</a>
</h2>
</div>


Supprimes et remplaces par:

Code:


<div class="topic-title-container">
<h2 class="topic-title">
<a class="topictitle M14_ActionTopictitle" href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE</a>
</h2>
</div>


Si cette partie est déjà modifiée, il suffit d'ajouter une class supplémentaire à l’existante :

Code:

topictitle M14_ActionTopictitle

Ensuite on va donner une class afin de bien cibler la balise qui donne le lien du forum:

Recherches:

Code:


<a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a>


Supprimes et remplaces par:

Code:


<a href="{searchresults.U_VIEW_FORUM}" class="M14_number_fofo">{searchresults.FORUM_NAME}</a>


Bonjour Philippe,

Milouze14 a écrit:
Hello Serge,

alors ce n'est pas le texte de base concernant:

"Voir les nouveaux messages"

Mais bel est bien:

Voir les nouveaux messages depuis votre dernière visite

C'est vrai Phil.

Milouze14 a écrit:
Ce qui veut dire que:

L'idée ici, serait de compléter ce qui est proposé en y ajoutant le dernier message.

C'est déjà le cas Serge .

Bin non Phil on n'a pas le dernier message mais le titre du sujet.
Actuellement on a ça:

Spoiler:

Avec le dernier message, ça donnerait ça (je l'ai mis sur fond noir):

Spoiler:

Milouze14 a écrit:
Par contre on ne pourra pas filtrer la catégorie Serge mais les forums concernés oui.
Donc merci de me les fournir mon ami.

Il s'agit des forums:
/f 4-5-1-19-6

Les modification dans le template sont en place Phil.

Merci pour ton aide Philippe.

Re Serge,

Le fait de mettre ce que tu souhaites en dessous va générer deux fois plus de requêtes Serge.
tu as bien le dernier message comme un message traditionnel Serge quand même!!



____________________________________


On va ajouter une div qui va placer les boutons dans le même template Serge:

Recherches ceci:

Code:

<form action="{S_ACTION}" method="post" name="post"  onsubmit="return verify_select();">
   <h1 class="page-title">{L_SEARCH_MATCHES}</h1>

Juste après déposes ceci:

Code:

 <div class="M14_result_If" style="text-align:right;"></div>

Les boutons seront placés à droite avec le style donné.
Si tu les veux placés à gauche:

Code:

 <div class="M14_result_If" style="text-align:left;"></div>

Il faudra dans le cas ou tu les placerais à gauche agir aussi dans la feuille de style donné plus bas pour le margin-right à deux reprises , le modifier en margin-left.

Je t'explique le fonctionnement de ce script.
Ce dernier va filtrer les forums dans le script ici:

Code:

if(number=((1||4||5||6)||(19)))

Il place une photo par défaut afin de ne pas laisser d'espace vide:

Code:

$('li:not(.header) dl .topic-title-container').append('<div class="M14_LoaD_ToPiCsSearch"><img src="https://i.servimg.com/u/f20/20/11/87/27/186.png" title="Aucune photo importée!"/></div>');

Ensuite on filtre comme dans les différents script de miniatures :

Code:

//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 href="'+topic+'" title="Voir la photo de '+pseudo+'"></a>'); 
}


Chaque photo affichée sera cliquable
vers le premier sujet avec au survol le pseudo du membre.

Le script dans sa totalité:


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

Coches sur toutes les pages.


Déposes ceci:

Code:


if(location.href.match(/id=newposts/)||(location.pathname == '/latest')){
$(function(){
 
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 dernier sujets"><a href="/latest">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) dl .topic-title-container').append('<div class="M14_LoaD_ToPiCsSearch"><img src="https://i.servimg.com/u/f20/20/11/87/27/186.png" title="Aucune photo importée!"/></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 indique les forums concernés séparés par deux barres obliques
if(number=((1||4||5||6)||(19)))
{
//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 href="'+topic+'" title="Voir la photo de '+pseudo+'"></a>'); 
}
});}
});});

}


Penses a cliquer sur le bouton



Puis la c.s.s:

Code:

/*Les images*/
    .M14_LoaD_ToPiCsSearch,.M14_LoaD_ToPiCsSearch img
    {
    height:80px;
    max-width:80px;
    margin:0px 3px;
    object-fit: cover;
    z-index: 10;
    }
/*le bouton derniers sujets*/
.M14_get_last_sujets
{
margin-right: 30px;
}
.M14_get_last_sujets a[href="/latest"]
{
font-size:14px;
color:#20aec8;
}

/*le bouton retour*/
.M14_get_reload
{
display:none;
margin-right: 30px;
}
/*le lien du bouton retour*/
.M14_get_reload a[href="/search?search_id=newposts"]
{
 font-size:14px;
color:#20aec8;
 
}

Et voilou

Bonsoir Philippe,

Un grand merci Phi pour ce travail.

C'est en place.
Pour la miniature c'est oK.
je crois qu'il y a un souci au niveau du texte afficché au survol.

Et une incompréhension concernant le dernier message Philippe.
Je parlais comme sur l'image ci-dessus, du contenu du dernier message; là on a que son lien.

veux tu que je rajoute des flèches sur mon image pour essayer d'être plus explicite?

Je viens de détailler ton script, c'est vraiment génial Philippe.

Juste ajusté le css de l'image.

Pour le contenu du dernier message Phil, si c'est une usine à gaz, tu laisses tomber.

De rien Serge,
en fait je n'ai pas tooltip sur mon fofo, je viens de supprimer l'infobulle par défaut et ajouter l'appel dans le script:

Code:

 $('.M14_TolTiP').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });

Oui j'ai bien compris Serge, mais comme mentionné plus haut, cela va générer encore des requêtes, C'est ton souhait ?

Alors le tooltip fonctionne, mais la bulle ne se positionne pas au bon endroit.
Sinon on peut enlever le title.

Je veux bien essayer pour le dernier message Philippe, sauf si c'est un truc qui te demande trop de boulot.

Oui, c'est logique car la cellule ayant la class dterm.
Je viens de modifier le script est la c.s.s associée serge.
Tu peux jouer désormais avec un margin-right pour déplacer la miniature.

Je veux bien essayer pour le dernier message Philippe, sauf si c'est un truc qui te demande trop de boulot.

Je vois cela demain mon ami .
On reste avec les mêmes conditions ?

Un grand merci l'ami et merci encore.

Bonne soirée et à demain l'ami.

Merci, bonne soirée à toi aussi.

On reste avec les mêmes conditions ?

Tu peux me répondre stp?

Merci Philippe,

Désolé, j'ai tardé à te répondre car ayant vu que tu mettais une image quand il n'y avait pas de photos, je voulais faire un essai en retirant la conditions des forums de c2.
Et cela me va à merveille, car on a aussi ce qui se passe sur les autres forums.

Donc, on retire pour l'instant la condition Philippe.
Si je vois que cela rame trop, je la remettrais plus tard.

Je viens donc de retirer ce if:

Code:

if(number=((1||4||5||6)||(19)))

Pour le tooltip Philippe, c'est bon pour la miniature, mais j'ai les bulles "Nouveaux messages" et "Pas de nouveaux messages" qui se présentent dans la cellule dterm M14_rang1. Ce serait bien si on pouvait retirer ces infobulles.

A demain Philippe.

Hello Serge,
alors, j'ai revu totalement le template afin d'avoir un visuel cohérent.


La cellule "Vue" va se transformer en "Photo".
Puis le style inséré dans ce template va repositionner afin d'avoir un alignement parfait.

Code:

<!-- BEGIN navmenu -->
<div class="topic-actions">
 <p>
 <a class="nav" href="{U_INDEX}">{L_INDEX}</a> :: {L_SEARCH_TITLE}
 </p>
</div>
<!-- END navmenu -->
<style>
ul.topiclist.topics   dl dt{width: 43% !important;}
ul.topiclist.topics.search dd.dterm{width: 49% !important;}
  
</style>


<form action="{S_ACTION}" method="post" name="post"  onsubmit="return verify_select();">
 <h1 class="page-title">{L_SEARCH_MATCHES}</h1>
  <div class="M14_result_If" style="text-align:right;"></div>
 <div class="forabg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul id="memberlist" class="topiclist topics">
 <li class="header">
 <dl class="icon">
 <dt>{L_TOPICS}</dt>
                                          <dd class="views">Photos</dd>
 <dd class="posts">{L_REPLIES}</dd>
 
 <dd class="lastpost">{L_LASTPOST}</dd>
 </dl>
 </li>
 </ul>

 <ul class="topiclist topics search">
 <!-- BEGIN searchresults -->
 <li class="row {searchresults.ROW_ALT_CLASS}">
 <dl class="icon" style="background-image: url('{searchresults.TOPIC_FOLDER_IMG}');">
 <dd class="dterm" title="{searchresults.L_TOPIC_FOLDER_ALT}" {searchresults.TOPIC_ICON}>
 {searchresults.NEWEST_POST_IMG}
 {searchresults.PARTICIPATE_POST_IMG} 
 {searchresults.TOPIC_TYPE}
 <div class="topic-title-container"><h2 class="topic-title">
<a class="topictitle M14_ActionTopictitle" href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a></h2></div>
 <br />
 {searchresults.GOTO_PAGE_NEW}
                                                  <span class="span-tab">{searchresults.L_BY} {searchresults.TOPIC_AUTHOR} {searchresults.L_IN} <a href="{searchresults.U_VIEW_FORUM}" class="M14_number_fofo">{searchresults.FORUM_NAME}</a></span>
 <!-- BEGIN nav_tree -->{searchresults.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
 </dd>
                                          <dd class="views"><center></center></dd>
 <dd class="posts">{searchresults.REPLIES}</dd>
 
 <dd class="lastpost">
 <span>
 {searchresults.LAST_POST_AUTHOR}&nbsp;<dfn>{L_LASTPOST}</dfn>
 {searchresults.LAST_POST_IMG}
 <br style="clear:left;" />
 {searchresults.LAST_POST_TIME}
 </span>
 </dd>
 </dl>
 </li>
 <!-- END searchresults -->
 </ul>

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

 <p class="right-box"><a href="#top">{L_BACK_TO_TOP}</a></p>
 <p class="pagination">{PAGINATION}</p>
</form>
<div class="clear"></div>
{JUMPBOX}

Puis afin de trouver la date:
Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Recherches ceci:

Code:

{postrow.displayed.POST_DATE_NEW}

Remplaces par:

Code:

<span class="M14_time">{postrow.displayed.POST_DATE_NEW}</span>

Penses a enregistrer puis à valider en cliquant respectivement sur puis


Ensuite la c.s.s dans sa totalité:

Code:

/*La cellule d'importation*/
div.M14_import_LocAl,div.M14_import_LocAl:hover
{
background-color: #1B1D1D!important;
color:grey!important;
min-height:40px;
height:auto;
max-height:90px;
padding: 5px 5px 5px 60px;
}
span.M14_importe_local_message span
{
font-size:15px;
color:grey!important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
display: inline-block;
  margin-left: 5px;
  
}
span.M14_importe_local_date span
{
font-size:13px;
color:grey!important;
  margin-left: 5px;
}
span.M14_importe_local_date img
{
  vertical-align:middle;
}
/*Voir deniers messages et sujets*/
 /*Les images*/
.M14_LoaD_ToPiCsSearch, .M14_LoaD_ToPiCsSearch img {
 height: 65px;
 object-fit: cover;
 width: 65px;
}

    /*le bouton derniers sujets*/
    .M14_get_reload{
 display: none;
 margin-right: 10px;
 top: -10px;
 position: relative;
 border: 1px solid #626262;
 border-radius: .3em;
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 padding: 4px;
}

    .M14_get_last_sujets{
 
 margin-right: 10px;
 top: -10px;
 position: relative;
 border: 1px solid #626262;
 border-radius: .3em;
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 padding: 4px;
}
    .M14_get_last_sujets a[href="/latest"]
    {
    font-size:14px;
    color:#20aec8;
    }

    /*le bouton retour*/
    .M14_get_reload
    {
    display:none;
    margin-right: 30px;
    }
    /*le lien du bouton retour*/
    .M14_get_reload a[href="/search?search_id=newposts"]
    {
     font-size:14px;
    color:#20aec8;
    
    }

Puis le script:

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

Mettre un titre explicite.

Cocher sur toutes les pages.


Déposer ceci:

Code:


//Voir deniers messages et sujets ttes pages
if(location.href.match(/id=newposts/)||(location.pathname == '/latest')){
    $(function(){
    
    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"><span class="M14_importe_local_message"><img src="'+imgmessage+'"/><span></span></span><br /> <span class="M14_importe_local_date"><img src="'+imgdate+'"/> <span></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').removeAttr('title').attr('src',img).wrap('<a class="M14_TolTiP"href="'+topic+'" title="Voir la photo de '+pseudo+'"></a>');
    $('.M14_TolTiP').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
    }
    });});
    
$('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)').text();
var date=$(this).find('.M14_time').text();


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

    }



Penser a cliquer sur le bouton


Ces deux lignes correspondent aux images figurant dans l'importation du message ainsi que la date:

Code:

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";

Cette C.S.S :

Code:

span.M14_importe_local_message span
{
font-size:15px;
color:grey!important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
display: inline-block;
  margin-left: 5px;
  
}

Correspond au message importé,
j'ai volontairement ajouté un width à 90 % et ajouté un text-overflow ellipsis afin de masquer le reste du texte
au cas ou il y aurait un contenu important.

L'aperçu imagé:

Re Serge,
dans le cas ou tu voudrais masquer la div qui importe les messages et la date et qu'au survol on affiche....

Tu peux ajouter ceci dans ta css:

Code:

div.M14_import_LocAl{display:none;}


Puis dans le script, juste après:

Code:


$this.closest('li').next().find('.M14_importe_local_date').find('span').text(date);


Ajoutes ceci:

Code:



$this.closest('li').hover(function(){$(this).next().slideDown();});


Edit:

je viens de m’apercevoir que sur les sujets des "Dernières discutions" , le script n'agit que sur la première page.

Tu peux tester ce script Serge, il doit être fonctionnel:

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 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"><span class="M14_importe_local_message"><img src="'+imgmessage+'"/><span></span></span><br /><span class="M14_importe_local_date"><img src="'+imgdate+'"/> <span></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').removeAttr('title').attr('src',img).wrap('<a class="M14_TolTiP"href="'+topic+'" title="Voir la photo de '+pseudo+'"></a>');
    $('.M14_TolTiP').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
    }
    });});
   
$('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)').text();
var date=$(this).find('.M14_time').text();


$this.closest('li').next().find('.M14_importe_local_message').find('span').text(texte);
$this.closest('li').next().find('.M14_importe_local_date').find('span').text(date);
 
  $this.closest('li').hover(function(){$(this).next().slideDown();});
});});});   
   
   
    });
 

    }
});

Bonjour Philippe,

Waow! quel magnifique travail Phil  

Ton dernier script est fonctionnel  

La seule chose dans les messages, c'est lorsqu'il y a une citation.
Il n'y a pas de séparation entre la citation est le dernier message.

ça se présente ainsi:

Spoiler:

On retrouve 2 fois la citation, et le message entre les 2, et tout sur la même ligne.

pour ce dernier message:

Spoiler:

Re Serge,
on importe du texte et non du html et je ne vois ce genre de soucis ici:
Edit: tu as supprimé le message en question Serge car je ne le vois pas!!

Re Phil,

non, rien supprimé, c'est le contexte qui a changé.

Tu le retrouves sur ce dernier message posté:
https://photoclic.forum-pro.fr/t21820-instants_de_vie_et_rue-aarhus#
quand tu regardes dans "voir les derniers messages"

Oui, je sais Serge, mais on importe du texte et non du html , c'est à dire aucune balise...

Désires tu importer du html ?

Il est vraiment préférable de masquer la div receveuse comme mentionné ici:
https://www.milouze14.com/t32560-phpbb3-derniers-messages#620348

Pour l'activation du html , tout est prêt chez moi

Tu sais que je suis très curieux de nature :-)

Je veux bien essayer.

Et pour mon message précédent, tu as choisi quoi ?

Il est vraiment préférable de masquer la div receveuse comme mentionné ici:
https://www.milouze14.com/t32560-phpbb3-derniers-messages#620348

Car mon nouveau script intègre des images de chargement:


J'ai aussi supprimé toutes les infobulles.

La c.s.s concernée:

Code:

div.M14_import_LocAl
{
 
color:grey!important;
min-height:40px;
height:auto;
max-height:90px;
padding: 5px 5px 5px 60px;
overflow-y:auto;
}
/*Les images*/
div.M14_importe_local_message img.M14_not_delete
{
position: absolute;
margin-left: -24px;
}

img.M14_reload{width:24px;height:24px;}
/*La cellule d'importation*/

div.M14_import_LocAl,div.M14_import_LocAl:hover
{
background-color: #1B1D1D!important;
}
div.M14_importe_local_message div blockquote{margin: 1em 1px 1em 2px!important;}
div.M14_importe_local_message div blockquote,div.M14_importe_local_message div dl.codebox
{
  background:transparent!important;
}
div.M14_importe_local_message div,div.M14_importe_local_message div a[href]
{
font-size:12px;
color:white!important;
}
div.M14_importe_local_message div img:not(.M14_not_delete){max-whith:24px;max-height:24px;}
span.M14_importe_local_date span
{
font-size:13px;
color:grey!important;
  margin-left: 5px;
}
span.M14_importe_local_date img{vertical-align:middle;}


Le script:

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="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);
  
  //$this.closest('li').hover(function(){$(this).next().slideDown();});
});});});    
    
    
    });
  

    }
});

Non, pas de masquage Phil.

Ok:
https://www.milouze14.com/t32560-phpbb3-derniers-messages#620362

Merci Phil.

J'essaie et je reviens.

C'est en place.

Je ne vois pas les messages Philippe.

Fallait retirer quelque chose dans l'autre css?