B] Puis-je avoir ce travail?

Hello wehba,

il faut avoir activé cette librairie ( font-awesome ) pour les icônes:


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

recherches ceci:

Code:

{CSS}

Juste après déposes ceci:

Code:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer  puis  

Ensuite, vu la simplicité de ta demande, je vais en faire de même:

Affichage/Page d'acceuil/Généralités/Message sur la page d'accueil

Code:


<div id="M14_GetLastVisite">
                                                                                    
 <div class="M14_GetLastTopic">
                                                                            
 </div>
                                            <br />                                                                                              
 <div class="M14_GetLastRep">
                                                                                
 </div>
</div><style>

 
#M14_GetLastVisite
{
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;


}


</style>




Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur l'index.


Déposez ceci:

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('.topic-author').find('a[href^="/f"]').text();
var d=$(this).closest('li').find('.topic-author').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>');
}
  
  
});
    });
});



Penses a cliquer sur le bouton Valider

Désolé mais je ne comprend rien et merci de ne pas me
contacter sur ma messagerie .

Le règlement stipule qu'aucune prise de contrôle ne pourra s'effectuer :

https://www.milouze14.com/t20212-demande-d-entre-aide#476453

Bonjour Philippe,

J'ai testé ce script sur mon forum test en modernBB.
Je confirme Phil que rien ne s'affiche sur la PA, juste le fond:



peut-être l'image à changer, mais pas que.

Hello Serge,

merci d'intervenir , vaut mieux avoir plusieurs remontées..
Le script ne se base pas sur l'image mais sur l'attribut "title" .

Code:

var h=$(data).find('dd.dterm[title="Nouveaux messages"]').length;

Sur mon fofo de test :

Re Phil,

J'y suis retourné, ça marche au poil.

Figure toi que "Activer la gestion des codes javascript" était passé sur Non

Y a-t-il des modifications à faire pour l'essayer en phpbb3. Peut-être passer par une demande. Tu me diras.

Ah encore une boulette de Forumactif !!

Pour la version Phpbb3:

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

J'ai testé ce script sur mon forum test en modernBB.
rien ne s'affiche sur la PA,

Re Phil,

Ton script en phpbb3 testé sur mon forum test fonctionne aussi. Super Phil Merci. faut que je regarde comment adapter ça sur mon forum

Désolé d'avoir perturbé ce post.

hamesashek, tes JS sont-ils bien activés car c'était le souci lors de mon 1ier essai.
Tu devrais aussi peut-être essayer de retirer temporairement ce qu'il y a dans tes "Généralités" et ne laisser que le script de Philippe pour voir. Bon courage.

hamesashek a écrit:J'ai testé ce script sur mon forum test en modernBB.
rien ne s'affiche sur la PA,

Ben, si tu avais donné le lien, on aurait peut être pu avancer un peu plus

Tu parles d'un forum test ?
Merci de répondre

Oui

thank you for giving the link of your forum test

Merci pour le MP et le lien de ton forum test, mais la barrière de la langue et surtout l'Arabe est vraiment un sacré casse tête car de notre côté on lit de gauche à droite alors que c'est l'inverse de ton côté mon ami.
Désolé de ne pas pouvoir t'aider plus

Hello wehba,

pour que tu comprennes le fonctionnement du script:
Ce dernier se base sur cette page html:
http://technology.sudanforums.net/search?search_id=newposts

Ensuite comme je ne comprends strictement à ta langue
et surtout à son positionnement même sur la feuille de style,
c'est un terrible frein pour un codeur.

Ensuite il se peut que les variables ne peuvent être reconnues dans le script car le code source de ton forum test trouve une erreur.

Tu peux tester ce script et corriger par ta langue les textes appropriés en prenant soin de bien laisser les ' ':

Code:


    $(function(){
    var $this=$('#M14_GetLastVisite');
$.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('.topic-author').find('a[href^="/f"]').text();
    var d=$(this).closest('li').find('.topic-author').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+' a écrit ce sujet '+b+' .{ Dans le forum: '+c+' }</a>');   
    }
    if((h)&&(e>=1))
    {
    $this.find('.M14_GetLastRep').show();
    $this.find('.M14_GetLastRep').append('<a class="topictitle reponse"href="'+a+'">'+f+' a écrit un message sur ce sujet: '+b+' .{Dans le forum: '+c+' }</a>');
    }
     
     
    });
        });
    });



Bonjour hamesashek

Juste une remarque: Sur ton forum, j'ai vu qu'il n'y avait qu'1 seul membre en ligne.
Pour que le script affiche quelque chose, il faut impérativement qu'un membre (en plus de toi même) poste un message.
As-tu essayé d'enregistrer des pseudos test et leur faire poster des messages pour voir?

Hello Serge et wehba,
comme on arrive pas a se comprendre on va juste placer l'essentiel.

Dans la page d’accueil , places ceci:

Code:


<div id="M14_GetLastVisite">
</div><style>

 
#M14_GetLastVisite
{
width: 80%;
margin-left:10%;
height:auto;
max-height:200px;
overflow-y:auto;
border-radius:6px;
}
#M14_GetLastVisite .forabg{width: 90%;padding:10px 0px 10px 0px;}
#M14_GetLastVisite ul#memberlist{display:none;}
</style>




Puis le script modifié:

Code:



$(function(){
var $this=$('#M14_GetLastVisite');
$.get('/search?search_id=newposts',function(data){
var h=$(data).find('dd.dterm[title="Nouveaux messages"]').length;
var color=$('.forabg').css('backgroundColor');
var a=$(data).find('form[action="/search?search_id=watchsearch"]').html();

if(h)
{
$this.html(a).css('backgroundColor',color);
}
});
});




Il faut utiliser un autre compte pour voir les derniers sujets ou messages pour de nouvelles notifications