Connexion

Récupérer mon mot de passe

Derniers sujets
» *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] Supprimer des champs de contact
par Milouze14 Jeu 21 Mai 2020 - 16:59

» [AWESOMEBB] Supprimer cette ligne
par Milouze14 Mer 20 Mai 2020 - 20:02

» [AWESOMEBB] Supprimer cette zone
par Milouze14 Mer 20 Mai 2020 - 20:01

» *RESOLU*[PHPBB3] Title en double sur un bouton éditeur
par Milouze14 Mer 20 Mai 2020 - 17:16

» [AWESOMEBB] Modifier l'icône du bouton d'accueil
par YOUGATAGA Mer 20 Mai 2020 - 13:56

*RESOLU*[PHPBB3] Derniers messages

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

photoclic
photoclic
Milouzien

Messagephotoclic le Ven 10 Avr 2020 - 22:39

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:

*RESOLU*[PHPBB3] Derniers messages Fin13


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.


Dernière édition par photoclic le Dim 12 Avr 2020 - 20:57, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 11 Avr 2020 - 7:04

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

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>


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

Messagephotoclic le Sam 11 Avr 2020 - 13:05

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


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

*RESOLU*[PHPBB3] Derniers messages Captur93
Avec le dernier message, ça donnerait ça (je l'ai mis sur fond noir):
Spoiler:

*RESOLU*[PHPBB3] Derniers messages Captur94


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

MessageMilouze14 le Sam 11 Avr 2020 - 18:22

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

*RESOLU*[PHPBB3] Derniers messages Captur10

____________________________________


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 Valid



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 hinhin






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

Messagephotoclic le Sam 11 Avr 2020 - 19:14

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?



photoclic
photoclic
Milouzien

Messagephotoclic le Sam 11 Avr 2020 - 19:36

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

MessageMilouze14 le Sam 11 Avr 2020 - 19:45

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 ?


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

Messagephotoclic le Sam 11 Avr 2020 - 19:54

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

MessageMilouze14 le Sam 11 Avr 2020 - 20:08

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 hinhin .
On reste avec les mêmes conditions ?


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

Messagephotoclic le Sam 11 Avr 2020 - 20:14

Un grand merci l'ami et merci encore.

Bonne soirée et à demain l'ami.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 11 Avr 2020 - 20:21

Merci, bonne soirée à toi aussi.


On reste avec les mêmes conditions ?

Tu peux me répondre stp?


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

Messagephotoclic le Sam 11 Avr 2020 - 21:34

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

MessageMilouze14 le Dim 12 Avr 2020 - 7:52

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 Enregistr puis Ajout


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 Valid


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é:

*RESOLU*[PHPBB3] Derniers messages 196


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

MessageMilouze14 le Dim 12 Avr 2020 - 8:20

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


*RESOLU*[PHPBB3] Derniers messages 197

*RESOLU*[PHPBB3] Derniers messages 240

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

    }
});


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

Messagephotoclic le Dim 12 Avr 2020 - 14:59

Bonjour Philippe,

Waow! quel magnifique travail Phil  super

Ton dernier script est fonctionnel  Merci

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:

*RESOLU*[PHPBB3] Derniers messages Captur97

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

pour ce dernier message:
Spoiler:
*RESOLU*[PHPBB3] Derniers messages Captur96
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 12 Avr 2020 - 15:59

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


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

Messagephotoclic le Dim 12 Avr 2020 - 16:26

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

MessageMilouze14 le Dim 12 Avr 2020 - 16:40

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


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

Messagephotoclic le Dim 12 Avr 2020 - 17:22

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

Je veux bien essayer.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 12 Avr 2020 - 17:27

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.


Dernière édition par Milouze14 le Dim 12 Avr 2020 - 17:35, édité 1 fois


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

MessageMilouze14 le Dim 12 Avr 2020 - 17:34

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

    }
});


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

Messagephotoclic le Dim 12 Avr 2020 - 17:34

Non, pas de masquage Phil.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 12 Avr 2020 - 17:35



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

Messagephotoclic le Dim 12 Avr 2020 - 17:38

Merci Phil.

J'essaie et je reviens.
photoclic
photoclic
Milouzien

Messagephotoclic le Dim 12 Avr 2020 - 17:46

C'est en place.

Je ne vois pas les messages Philippe.

Fallait retirer quelque chose dans l'autre css?
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 12 Avr 2020 - 18:44

@photoclic a écrit:
C'est en place.

Je ne vois pas les messages Philippe.

Fallait retirer quelque chose dans l'autre css?
Hum, tu n'as pas modifié la c.c.s comme demandé ici:
https://www.milouze14.com/t32560-phpbb3-derniers-messages#620362

C'est en place sur ton fofo Serge.


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

Messagephotoclic le Dim 12 Avr 2020 - 19:14

Merci Philippe.

Je me doutais que c'était dans le css.

Je vais voir ça et reviens.
photoclic
photoclic
Milouzien

Messagephotoclic le Dim 12 Avr 2020 - 19:39

ça me semble très bien ainsi Philippe.

Peut-être un poil de css à ajuster, mais ce n'es que détail, et je devrais pouvoir m'en débrouiller.

Génial encore ce que tu m'as développé là. Content je suis.
photoclic
photoclic
Milouzien

Messagephotoclic le Dim 12 Avr 2020 - 19:45

Je n'arrive pas à réduire la bande grise de 5mm entre 2 messages.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 12 Avr 2020 - 19:59

Je viens de supprimer le saut de ligne que j'avais déposé à la fin de la dite div Serge.
C'était lui le fautif Merci .


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

Messagephotoclic le Dim 12 Avr 2020 - 20:56

Ah bin merci Philippe, tu m'as fait gagné au moins 24h par jour de recherche et pendant une semaine :-)

Vraiment génial ce que tu m'as encore développé là.

Tout est bon pour moi l'ami tape la

J'arrive au bout de mes réflexions. Faut quand même que je trouve une autre idée pour occuper l'esprit durant ce confinement lOL
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 13 Avr 2020 - 5:46

Hello Serge,
de rien mon ami et à bientôt pour une prochaine hinhin .

Il est vrai que j'ai pris un plaisir à coder ce sujet impeccable .


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil





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

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