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

Admin · 23 نوفمبر 2023

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

كود معاينة الموضوع في القسم قبل دخوله وذلك من خلال اظهار ايقونة بجانب عنوان الموضوع، تظهر لك الموضوع بواجه منبثقة تفتح في نفس الصفحة.
قمت بتجربة الكود على اكثر من نسخة ولم يعمل بشكل ممتاز الى على النسخة 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()});
  });
});

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

البحث

أهلاً بك في منتدى انكور التطويري

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

Admin

مدير شركة انكور التطويرية

✔ نبذة عنا

🚀 روابط نصية