Un autre ajout en haut du portail

Bonjour Philippe,

Je continue à profiter du calme estival... Dis le moi si je fais trop de demandes.

Suite au dernier script que tu m'as concocté ICI et je t'en remercie encore, serait-il possible d' aller plus loin dans mon affichage en haut du portail.

En fait avant l’installation de ce dernier script qui annonce donc les nouveaux messages, j'avais un script qui affichait la photo gagnante au même endroit. Il s'agit de ce script:

Code:


//Photos gagnante de la semaine en haut SF (et portail)
$(function(){
 if(screen.width > 900) {
 $("body").append('<div style="position: absolute; top: 15px; right: 18%;">
 <table>
<thead>
<tr style="">
 <th style="text-align:center;padding-right: 90px;font-size: 18px;font-family: Comic Sans MS;color: #3b699c;"> La photo gagnante de la semaine                                                                                                                                                                                                                                                    
 </th>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
</tr>
                                                    
<tr style="">
<!--     Début photo gagnante       -->                                                                                                                                                                                                                                                                                                                                                                                                                                        
 <td valign="top" style="text-align:center;padding-right: 90px;">
 <iframe src="https://photoclic.forum-pro.fr/h8-slideshow2" style="width:350px;border:none;height: 280px;"></iframe>                                                                                                                                                                                                                                        
 </td>
</tr>
</thead>
</table>
  </div>');
   }
   });

Ma demande serait la suivante:
. Lorsqu'il y a des nouveaux messages, ne pas faire apparaitre la photo présentée par ce script (uniquement le pavé des messages)
. Lorsqu'il n'y a pas de nouveaux messages (comme on n'affiche plus le pavé des messages) afficher la photo présentée par ce script

Je te remets ci-dessous ton dernier script des messages:

Code:


//Nouveaux messages postés en haut de page portail
$(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>');
    }    
    
    });
        });
    });

Un grand merci Philippe pour ton aide.

Hello Serge,
ouh la, tu peux faire autant de demandes mon ami , du moment qu'elles ne dépasse pas
la limite définie dans le règlement .

Tu peux tester ceci stp.

Remplaces mon script par celui-ci:

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)
{
$('#M14_showIframe').remove();
$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>');
}
 
 
});
    });
});

Puis le tien par celui-ci:

Code:

   
//Photos gagnante de la semaine en haut SF (et portail)
    $(function(){
    if(screen.width > 900) {
    $("body").append('<div id="M14_showIframe"style="position: absolute; top: 15px; right: 18%;">
    <table>
    <thead>
    <tr style="">
    <th style="text-align:center;padding-right: 90px;font-size: 18px;font-family: Comic Sans MS;color: #3b699c;"> La photo gagnante de la semaine                                                                                                                                                                                                                                                   
    </th>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
    </tr>
                                                       
    <tr style="">
    <!--    Début photo gagnante      -->                                                                                                                                                                                                                                                                                                                                                                                                                                       
    <td valign="top" style="text-align:center;padding-right: 90px;">
    <iframe src="https://photoclic.forum-pro.fr/h8-slideshow2" style="width:350px;border:none;height: 280px;"></iframe>                                                                                                                                                                                                                                       
    </td>
    </tr>
    </thead>
    </table>
      </div>');
      }
      });




En faite , j'ai ajouté un id à la div contenant l'iframe:

Code:

    $("body").append('<div id="M14_showIframe"

et ajouté un hide si on trouve un nouveau sujet ou réponse dans mon script ici:

Code:


if(h)
{
$('#M14_showIframe').remove();

Hello Philippe,

C'est tout bon

Encore un énorme merci l'ami

De rien .

-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