كود معاينة الموضوع في القسم قبل دخوله

[Admin]

بسم الله الرحمن الرحيم​

كود معاينة الموضوع في القسم قبل دخوله وذلك من خلال اظهار ايقونة بجانب عنوان الموضوع، تظهر لك الموضوع بواجه منبثقة تفتح في نفس الصفحة.
قمت بتجربة الكود على اكثر من نسخة ولم يعمل بشكل ممتاز الى على النسخة PUNBB.

معاينة الكود:

​

تركيب الكود:
توجه نحو لوحة الادارة - عناصر إضافية - اكواد الـ javascript - اضف الكود التالي
المكان "المنتديات الثانوية". ومن ثم اضف الكود التالي واحفظ:

// تم عرض هذا الكود في منتدى انكور التطويري | forum.iinkor.com
$(function(){
  var isPunbb = '';
  if ($('.pun').length) var isPunbb = 'class="pun"';
  $('a.topictitle').after('&nbsp;<img id="topicPreview" src="https://i.servimg.com/u/f56/18/45/41/65/new_wi10.gif" title="معاينة الموضوع" alt="معاينة الموضوع" 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()});
  });
});

بالتوفيق للجميع
والسلام ختام