Script messages sur portail

Bonjour Philippe,

Je reviens sur ton script que tu as adapté au phpbb3 ici https://www.milouze14.com/t31591-modernbb-puis-je-avoir-ce-travail#600169:

Code:

   
$(function(){
    var $this=$('#M14_GetLastVisite');
      //LE TEXTE pour un nouveau sujet
    var M14_newPost=" a écrit ce sujet: ";
      //LE TEXTE POUR UN COMMENTAIRE
    var M14_newComment=" a écrit un message sur ce sujet: ";
      //LE TEXTE DANS LE FORUM
      var M14_forum=" Dans le forum: ";
    $.get('/search?search_id=newposts',function(data){
    var h=$(data).find('dd.dterm[title="Nouveaux messages"]').length;
    $(data).find('dd.dterm[title="Nouveaux messages"]').each(function(){
    var a=$(this).closest('li').find('.lastpost').find('img').closest('a').attr('href');
    var b=$(this).closest('li').find('a.topictitle').text();
    var c=$(this).closest('li').find('.span-tab').find('a[href^="/f"]').text();
    var d=$(this).closest('li').find('.span-tab').find('a[href^="/u"]').text();
    var e=$(this).closest('li').find('.posts').text();
    var f=$(this).closest('li').find('.lastpost').find('a[href^="/u"]').text();

    if(h)
    {
    $this.fadeIn();
    }
    if((h)&&(e==0))
    {
    $this.find('.M14_GetLastTopic').show();
    $this.find('.M14_GetLastTopic').append('<a class="topictitle topic"href="'+a+'">'+d+' '+M14_newPost+' '+b+' .{ '+M14_forum+' '+c+' }</a>');  
    }
    if((h)&&(e>=1))
    {
    $this.find('.M14_GetLastRep').show();
    $this.find('.M14_GetLastRep').append('<a class="topictitle reponse"href="'+a+'">'+f+' '+M14_newComment+' '+b+' .{ '+M14_forum+' '+c+' }</a>');
    }
    
    
    });
        });
    });

Serait-il possible de placer ce bloc en haut à droite sur le portail?

Peut-être aussi dans un widget, mais c'est surement une autre histoire.

Merci pour ton aide.

Hello Serge,

il suffit de retirer tout ce qui se trouve dans la page d 'accueil et de placer ce script sur le portail:

Code:

$(function(){
$('body').append('<div id="M14_GetLastVisite"><div class="M14_GetLastTopic"></div><br /><div class="M14_GetLastRep"></div></div>');
var $this=$('#M14_GetLastVisite');
  //LE TEXTE pour un nouveau sujet
var M14_newPost=" a écrit ce sujet: ";
  //LE TEXTE POUR UN COMMENTAIRE
var M14_newComment=" a écrit un message sur ce sujet: ";
  //LE TEXTE DANS LE FORUM
  var M14_forum=" Dans le forum: ";
$.get('/search?search_id=newposts',function(data){
var h=$(data).find('dd.dterm[title="Nouveaux messages"]').length;
$(data).find('dd.dterm[title="Nouveaux messages"]').each(function(){
var a=$(this).closest('li').find('.lastpost').find('img').closest('a').attr('href');
var b=$(this).closest('li').find('a.topictitle').text();
var c=$(this).closest('li').find('.span-tab').find('a[href^="/f"]').text();
var d=$(this).closest('li').find('.span-tab').find('a[href^="/u"]').text();
var e=$(this).closest('li').find('.posts').text();
var f=$(this).closest('li').find('.lastpost').find('a[href^="/u"]').text();

if(h)
{
$this.fadeIn();
}
if((h)&&(e==0))
{
$this.find('.M14_GetLastTopic').show();
$this.find('.M14_GetLastTopic').append('<a class="topictitle topic"href="'+a+'">'+d+' '+M14_newPost+' '+b+' .{ '+M14_forum+' '+c+' }</a>');   
}
if((h)&&(e>=1))
{
$this.find('.M14_GetLastRep').show();
$this.find('.M14_GetLastRep').append('<a class="topictitle reponse"href="'+a+'">'+f+' '+M14_newComment+' '+b+' .{ '+M14_forum+' '+c+' }</a>');
}
 
 
});
    });
});


Et la c.s.s dans ta feuille de style en positionnant la div principale:
( #M14_GetLastVisite ) en position fixed et non en absolute:

Code:

#M14_GetLastVisite
{
position:fixed;
right:0px;
  /*ON POSITIONNE en proportion de la hauteur de la toolabr forumactif*/
top:60px;
background:black;
width: 80%;
margin-left:10%;
height:auto;
max-height:200px;
overflow-y:auto;
padding: 5px;
border-radius:6px;
color:white;
}
#M14_GetLastVisite,.M14_GetLastTopic,.M14_GetLastRep
{display:none;}
#M14_GetLastVisite .topictitle:first-letter{text-transform:uppercase;}
#M14_GetLastVisite .topictitle
{
color:white;
list-style: none;
margin-left:30px;
display: list-item;
font-size:12px;
color:white;

}

#M14_GetLastVisite .topictitle:last-child{margin-bottom:10px;}
.M14_GetLastTopic a.topictitle:before
{
content:"\f075";
color:white;
font-family: FontAwesome;
float:left;
margin-right:20px;
margin-top:1px;
width:10px;
height:12px;

}

.M14_GetLastRep a.topictitle:before
{
content:"\f0e5";
color:white;
font-family: FontAwesome;
width:10px;
height:12px;
float:left;
margin-right:20px;
margin-top:1px;
}

Bonjour Philippe,

Un grand merci Phil. Superbe ça

La cerise sur ce bon gâteau, si cela est possible,serait d'avoir le pseudo avec sa couleur et sa petite icône comme sur les nouveaux sujets :

Re Serge,
pour l'icône, il vaut s'abstenir mon ami car il faudrait encore un appel car ces icônes ne
sont pas présents d'office sur la page mentionnait.

Par contre pour la couleur voici le script:

Code:

$(function(){
$('body').append('<div id="M14_GetLastVisite"><div class="M14_GetLastTopic"></div><br /><div class="M14_GetLastRep"></div></div>');
var $this=$('#M14_GetLastVisite');
  //LE TEXTE pour un nouveau sujet
var M14_newPost=" a écrit ce sujet: ";
  //LE TEXTE POUR UN COMMENTAIRE
var M14_newComment=" a écrit un message sur ce sujet: ";
  //LE TEXTE DANS LE FORUM
  var M14_forum=" Dans le forum: ";
$.get('/search?search_id=newposts',function(data){
var h=$(data).find('dd.dterm[title="Nouveaux messages"]').length;
$(data).find('dd.dterm[title="Nouveaux messages"]').each(function(){
var a=$(this).closest('li').find('.lastpost').find('img').closest('a').attr('href');
var b=$(this).closest('li').find('a.topictitle').text();
var c=$(this).closest('li').find('.span-tab').find('a[href^="/f"]').text();
var d=$(this).closest('li').find('.span-tab').find('a[href^="/u"]').text();
var dColor=$(this).closest('li').find('.span-tab').find('a[href^="/u"]').find('span').css('color');
var e=$(this).closest('li').find('.posts').text();
var f=$(this).closest('li').find('.lastpost').find('a[href^="/u"]').text();
var fColor=$(this).closest('li').find('.lastpost').find('a[href^="/u"]').find('span').css('color');

if(h)
{
$this.fadeIn();
}
if((h)&&(e==0))
{
$this.find('.M14_GetLastTopic').show();
  $this.find('.M14_GetLastTopic').append('<a class="topictitle topic"href="'+a+'"><span style="color:'+dColor+';">'+d+'</span> '+M14_newPost+' '+b+' .{ '+M14_forum+' '+c+' }</a>');   
}
if((h)&&(e>=1))
{
$this.find('.M14_GetLastRep').show();
$this.find('.M14_GetLastRep').append('<a class="topictitle reponse"href="'+a+'"><span style="color:'+fColor+';">'+f+'</span> '+M14_newComment+' '+b+' .{ '+M14_forum+' '+c+' }</a>');
}
 
 
});
    });
});

Re -Phil,

C'est parfait ainsi. Un grand merci à nouveau l'ami  


Edit: Tiens j'ai eu un message concernant un contrôle de flood, veuillez patienter avant de reposter .... après le clic sur Résolu.
Et je n'ai plus le bouton Résolu.

Re Serge,
je viens d'éditer afin de mettre ton sujet en résolu,
de rien mon ami

-Staff du Forum Milouze14- Hello  Sujet résolu et déplacé dans le forum adéquat. Pour toute information,merci de contacter un Membre du Staff