Miniature photo dernier sujet

[photoclic]

Bonjour,

Serait-il possible de récupérer la photo du dernier sujet (le 1ier donc dans la liste des derniers sujets) ?

La photo serait réduite en hauteur et largeur et placée sur ma page d'accueil (à droite du module "Nos partenaires").
Cela concernerait uniquement les sujets postés dans la catégorie /c2 ainsi que le forum /f15 et ne serait visible que par les membres.

Peut-être un code à placer dans les généralités.

Merci pour votre aide.

[photoclic]

Bonjour,

Une image de ma page d'accueil pour être plus explicite:



Merci pour votre aide.

[photoclic]

Petit up.

[Invité]

Hello Serge,
je t'ai concocté pour le forum (f15) en me basant sur le dernier message posté suite au widget de ta capture.

Il te suffit ensuite de reproduire pour les quatre forums que contient la catégorie c2.
Dans ta page d'accueil:

Déposes cette div:

Code:

<div id="Recept_lastPost">
</div>

Puis le script:


Mettre un titre explicite.
Coches sur l'index.


Déposes ceci:

Code:


$(function(){
 
  if (_userdata["user_id"] < (0)){
          $('#Recept_lastPost').remove();
        }
  // ON CHERCHE L INFOBULLE
var searchtitle= $('a.forumtitle[href^="/f15-"]').closest('li').find('dd.lastpost a:not(.last-post-icon)').attr('title');
  //ON CHERCHE LE LIEN
var searchlink= $('a.forumtitle[href^="/f15-"]').closest('li').find('dd.lastpost a:not(.last-post-icon)').attr('href');
$.get(searchlink, function(data){
var searchimg=$(data).find('.postbody:first .content').find('img').filter(function(){return this.width>200&&this.height>200;}).attr('src');
if(searchimg)
{
  $('#Recept_lastPost').html('<div class="M14_Repept_lastPost"> <a href="'+searchlink+'"title="Voir le message:'+searchtitle+'"><img src="'+searchimg+'"/></a></div>');
  $('.M14_Repept_lastPost a').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
}
else
{
$('#Recept_lastPost').text('Aucune photo actuellement');
}
});});



Penses à cliquer sur le bouton VALIDER


Puis le style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


#Recept_lastPost{float:right;width:350px;text-align:center;height:auto;margin:auto;background:#eee;border:3px solid black;border-radius:5px;}
.M14_Repept_lastPost img{max-width:350px;}



Penses à cliquer sur le bouton




a++

[photoclic]

Bonjour Philippe,

Un grand merci l'ami pour ce script.
je vais finalement appliquer ce script uniquement au forum /f4.
(A moins qu'il y ait une astuce pour prendre systématiquement le 1ier de la liste des derniers sujets quelque soit le forum)

Le script est en place, j'ai simplement adapté le css pour ajuster la taille de l'image et pour placer le conteneur au bon endroit sur ma page d'accueil.
(Pour ma petite tête j'ai rebaptisé la class M14_Repept_lastPost par M14_Recept_lastPost   )

juste un souci au niveau de l'infobulle qui ne se place pas au dessus de la miniature et le titre qui ressort comme undefined dans l'infobulle (bien vu le tooltip   ).

Merci encore pour ton aide.

[Invité]

Hello Serge,
alors , avec ma résolution, la div est pile poil sur les derniers sujets .

(A moins qu'il y ait une astuce pour prendre systématiquement le 1ier de la liste des derniers sujets quelque soit le forum)

A moins de partir de la liste des sujets directement!!
Je vais regarder Serge.

Je vois que tu n'utilises plus le script tooltip mais un autre plugin car dans la cellule dernier sujet la balise a qui donne l'infobulle et le lien au script à cette class:

Code:

my-tooltip

a++

[photoclic]

Bonjour Philippe,

Pour le tooltip, j'avais effectivement ce script qui trainait:

Code:


        $(document).ready(function(){
        $('.my-tooltip').tooltipster();
        });

Je l'ai retiré, le title n'est plus "undefined" mais l'infobulle miniature est toujours décalée. Bizarre.


Pour le reste, je ne veux pas t'ennuyer. Cela semble compliqué Philippe.

[Invité]

Re Serge,
As tu les bonnes informations dans l'infobulle sinon ?
a++

[photoclic]

Hello Phil,

Nos messages se sont croisés, j'éditais et j'écrivais que le title n'était plus undedined

[photoclic]

Pour le tooltip, je viens d'essayer en ajoutant ça:

Code:

$('#Recept_lastPost').attr('title','Voir le dernier sujet dans Phototest: '+searchtitle+'');

et en retirant le title de cette ligne ainsi:

Code:


$('#Recept_lastPost').html('<div class="M14_Recept_lastPost"> <a href="'+searchlink+'"><img src="'+searchimg+'"/></a></div>');


Et ça se positionne bien ainsi, en espérant ne pas avoir fait de bêtise.

Pour le reste à toit de voir Phil, sinon je passe en résolu.

[Invité]

Re Serge,
il faut juste placer l'infobulle sur la div contenant le lien et l'image:

Code:

 $('#Recept_lastPost').html('<div class="M14_Recept_lastPost"title="Voir le message:'+searchtitle+'"> <a href="'+searchlink+'"><img src="'+searchimg+'"/></a></div>');

L'infobulle se placera au dessus .

Ensuite, ta demande sera très gourmande si on part de l'index Serge,
il faudrait trouver sur l'index:
1==>Le forum dans la catégorie
2==>Puis le forum
3==>Puis dans ce forum trouver (requête) pour arriver à la liste des sujets
4==>Puis trouver le premier sujet (requête) pour trouver la première image du premier sujet.

A mon sens ton fofo n'a plus besoin de tout cela non ..

a++

[photoclic]

Hello Philippe,

Merci pour la correction du tooltip, c'est tout bon

Vu ce que tu décrits, laisse tomber en effet.
Je pensais que les choses se passaient à partir du widget caché placé dans le widget "Derniers Sujets".

Je passe donc en Résolu.
Merci pour tout.

[Invité]

Re,
le soucis est que dans le widget, on ne peut savoir d’où vient le sujet Serge
et comme tu demandes sur 5 forums définis.......

De rien mon ami et à bientôt.

a+++

[photoclic]

OK, je comprends.
Merci encore Philippe.