أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

الدعم الفني Support

إظهار نص المشاركة داخل tooltip

: إظهار نص المشاركة داخل tooltip

29-12-2025 10:59 صباحاً

Sofiene2023

السلام عليكم
أقوم حاليا بعمل tooltip لإظهار محتوى الموضوع عند التأشير بالماوس على رابط الموضوع في الرئيسية
قمت بكتابة هذا الكود كبرنامج مساعد

CODE

if ($PowerBB->_GET['subject_tooltip'])
 {
 $subjectid = intval($PowerBB->_GET['subjectid']);
 if (!$subjectid) exit;
 $subjectArr = array();
 $subjectArr['where'] = array('id',$subjectid);
 
 $subjectInfo = $PowerBB->core->GetInfo($subjectArr,'subject');
 
 if (!$subjectInfo) exit;
 
 echo '
 <strong>' . $subjectInfo['text'] . '</strong><br>
 
 ';
         exit;
}

هل هذا الكود صحيح أو لا
كيف يمكن تعديل الكود التالي لإظهار tooltip تحوي نص الموضوع وليس عنوان الموضوع

CODE

<a href="index.php?page=topic&amp;show=1&amp;id={$forum['last_subjectid']}" title="{$forum['last_subject_title']}">{$forum['last_subject']}</a>

مع الشكر الجزيل

: إظهار نص المشاركة داخل tooltip

30-12-2025 12:06 صباحاً [1]

Soliman

سبق وان اجبتك عن طريقة مشابهه
لكن ارغب الآن في ان تجرب وتستعين بمساعدة الذكاء الاصنطناعي للاجابة عن استفسارك واعتقد انك ستدمن مساعدته في تطويراتك القادمة

اولا :اختر احدهما

ثانيا: ضعه له هذا السؤال

Html

هل يمكنك الاجابة على الاستفسار المطروح على هذا الرابط:
 https://pbboard.info/forums/topic/إظهار-نص-المشاركة-داخل-tooltip.25132

او
ضع له محتوى هذا الاستفسار كما كتبته بالموضوع

وابلغني بالنتائج مع اني متأكد انها ستكون نتائج جيدة وممتعه فقد اصبح التطوير اسهل وامتع مع مساعدة الذكاء الاصطناعي

: إظهار نص المشاركة داخل tooltip

30-12-2025 09:54 صباحاً [2]

Sofiene2023

تم الحل وتم الوصول إلى النتيجة المرجوة
شكرا أخي سليمان

: إظهار نص المشاركة داخل tooltip

30-12-2025 12:24 مساءً [3]

Soliman

اذا كانت هذه النتيجة هي ماتريده فلا مشكلة
وان اردت المساعدة باظهار فقط نص الموضوع مع تمريره على دالة تنسيق الموضوع او العكس بحذف الBBcode وجعله نص الموضوع فقط نصي بدون تنسيق ايضا يمكن ذلك.

موفق

: إظهار نص المشاركة داخل tooltip

30-12-2025 12:36 مساءً [4]

Sofiene2023

شكرا أخي سليمان
أكتفي بهذه النتيجة وسأقوم برفع الملفات اللازمة للحصول على هذه النتيجة ويمكن التعديل عليها أخي لمزيد من التطوير

نقوم أولا بوضع هذ الكود في أول قالب sections_list

CSS

<style>

 

 /* === TOOLTIP CONTENEUR === */

 .subject-tooltip-box {

     position: absolute;

     width: 450px;

     height: 350px;

 border: 4px solid #218c74 ;

     background: #ffffff;

     padding: 5px;

     border-radius: 6px;

     box-shadow: 0 6px 15px rgba(0,0,0,0.35);

     z-index: 9999;

     display: none;

     overflow: hidden;

 }

 

 /* === CONTENU TOOLTIP === */

 .subject-tooltip-box .tooltip-content {

     width: 100%;

     height: 100%;

     overflow: hidden; /* IMPORTANT */

 }

 

 /* === WRAPPER IFRAME === */

 .subject-iframe-wrapper {

     position: relative;

     width: 100%;

     height: 100%;

     overflow: hidden;

     background: #fff;

 }

 

 /* === IFRAME POWERBB === */

 .subject-iframe {

   position: absolute;

     top: -300%;        /* 🔥 AJUSTE CETTE VALEUR */

     left: 0;

     width: 100%;

     height: 1500px;    /* hauteur suffisante pour inclure le sujet */

     border: 0;

     display: block;

 

 }

 

 /* === SI TU UTILISE subject_content.php (DD DIRECT) === 

 .subject-tooltip-box dd.tbar_writer_info {

     width: 100%;

     height: 100%;

     margin: 0;

     padding: 12px;

     box-sizing: border-box;

     overflow-y: auto;

 }*/

 

</style>

نقوم برفع الملفات المرفقة إلى جذر المنتدى
في قالب sections_list نبحث عن الكود التالي

Html

<a href="index.php?page=topic&amp;amp;show=1&amp;amp;id={$forum['last_subjectid']}" title="{$forum['last_subject_title']}">{$forum['last_subject']}</a>

ونستبدله بالكود التالي

Html

<a href="index.php?page=topic&amp;amp;show=1&amp;amp;id={$forum['last_subjectid']}"
   class="subject-tooltip"
   data-subjectid="{$forum['last_subjectid']}">
   {$forum['last_subject']}
 </a>

نضيف كود جافا سكريبت التالي في آخر القالب

Java

<script>
 document.addEventListener('DOMContentLoaded', function () {
 
     // Créer un élément tooltip global
     let tooltip = document.createElement('div');
     tooltip.className = 'subject-tooltip-box';
     let content = document.createElement('div');
     content.className = 'tooltip-content';
     tooltip.appendChild(content);
     document.body.appendChild(tooltip);
 
     // Parcourir tous les liens de sujet
     document.querySelectorAll('.subject-tooltip').forEach(link => {
 
         let loaded = false;  // pour éviter plusieurs requêtes
         let tooltipHtml = '';
 
         // Survol du lien
         link.addEventListener('mouseenter', function (e) {
 
             if (loaded) {
                 tooltip.style.display = 'block';
                 content.innerHTML = tooltipHtml;
                 return;
             }
 
             let subjectId = this.getAttribute('data-subjectid');
 
             fetch('subject_tooltip.php?subjectid=' + subjectId)
                 .then(response => response.text())
                 .then(html => {
                     tooltipHtml = html;
                     content.innerHTML = html;
                     tooltip.style.display = 'block';
                     loaded = true;
                 });
 
         });
 
         // Suivre la souris
         link.addEventListener('mousemove', function (e) {
             tooltip.style.top = (e.pageY + 15) + 'px';
             tooltip.style.left = (e.pageX + 15) + 'px';
         });
 
         // Sortie de survol
         link.addEventListener('mouseleave', function () {
             tooltip.style.display = 'none';
         });
 
     });
 
 });
 </script>

نعاين النتيجة بعد ذلك
بالتوفيق للجميع

: تم تحرير المشاركة بواسطة :Sofiene2023 بتاريخ:30-12-2025 12:44 مساءً

forum.zip تحميل zip مرات التحميل :(1)
الحجم :(1.263) KB

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
سكربت الناشر Free Subscribe للنشر والمشاركة على مواقع التواصل الاجتماعي - اصدار تجريبي	Soliman	9	3967	محموود
نقل معلومات العضوية من اعلى المشاركة الى جانبها	Yasser Elaraby	2	975	Yasser Elaraby
كيف أستبدل "لا يوجد ردود" باسم كاتب الموضوع وتاريخ المشاركة ؟	عبد الحميد الأثري	2	1128	عبد الحميد الأثري
[مجابه] مشكلة في ظهور عدد النجوم في الرسائل الخاصة و و المشاركة المنفردة	MrKinvalo	3	1333	Soliman
مساعدة في جعل محتوى الرسالة تظهر بشكل افقي متل المشاركة	MrKinvalo	3	1057	MrKinvalo

الكلمات الدلالية

المشاركة tooltip

« حول تعديل الصورة الشخصية | إإختفاء أقسام المنتدي بعد التحديث الأخير »

الساعة الآن 12:41 AM