Ajouter un bouton de prévisualisation aux titres des topics

Hi,

Voici une astuce qui vient du forum anglais > Clique
Avec ce tutoriel, vous pourrez ajouter un bouton de prévisualisation aux titres de vos sujets pour votre forum afin de visualiser le premier message

Visualisation du message :

Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript


Mettre ce code javascript sur les sous-forums :

Code:

$(function(){
  var isPunbb = '';
  if ($('.pun').length) var isPunbb = 'class="pun"';
  $('a.topictitle').after('&nbsp;<img id="topicPreview" src="https://i.servimg.com/u/f45/19/95/20/55/41904010.png" title="Aperçu" alt="Preview" style="cursor:pointer;"/>');
  $('img#topicPreview').click(function() {
    $('body').append('<div id="preview-filter" style="position:fixed;left:0;right:0;top:0;bottom:0;background:url(https://i.servimg.com/u/f39/18/21/41/30/overla10.png);cursor:pointer;z-index:10;"></div><div id="topicPreview-container" '+isPunbb+' style="width:auto;top:20%;left:15%;right:15%;padding:4px;position:fixed;z-index:50;background:#EEE;border:1px solid #CCC;border-radius:5px;"><div id="topicPreviewing" style="max-height:400px;overflow-y:auto;"><center><span class="topicPreview-loading" style="font-weight:bold;font-size:18px;">Loading...</span></center></div></div>');
    $('#topicPreviewing').load($(this).siblings('a.topictitle').attr('href')+' .post:eq(0)');
    $('#preview-filter').click(function(){$('#preview-filter, #topicPreview-container').remove()});
  });
});

Pensez à  



Si vous voulez remplacer l'image du bouton de prévisualisation, dans le script cela se trouve ici :

Code:

<img id="topicPreview" src="https://i.servimg.com/u/f45/19/95/20/55/41904010.png"

En positionnant la souris sur le bouton le message "Aperçu" s'affichera en infobulle, si vous voulez changer le message c'est ici dans le script :

Code:

title="Aperçu"

:u1:

À bientôt

---