{عذب}
عدد المساهمات : 3028 معدل النشاط : 9976 السُمعة : 294
| موضوع: [تومبيلات] كود يقوم بوضع «أستعرض الموضوع السابق|...التالي» وجلب عناوينهم بالأجاكس الأربعاء 12 يوليو 2017 - 16:07 | |
| السلام عليكم ورحمة الله وبركاته سأقدم لكم اليوم كود تومبيلات يقوم بوضع : - اقتباس :
« أستعرض الموضوع السابق | أستعرض الموضوع التالي » ويستبدلها بأسماء عناوين المواضيع بواسطة تقنية الاجاكس وعرضهم اسفل المنتدى مثال على الكود من نسخة phpBB2 : للتركيب نتجه الى : لوحة الإدارة >>> مظهر المنتدى >> التومبيلاتات والقوالب >>> إدارة عامة >>> viewtopic_body نقوم بالتعديل عليه , ونبحث عن : -إختر نسخة منتداك-- للنسخة الثانية phpBB2:
ونبحث عن الجملة التالية : - الكود:
-
<!-- BEGIN promot_trafic --> سطر 300 في القالب الاصلي ونقوم بوضع اعلاه مباشرة الكود التالي : - الكود:
-
<!-- next previous topic BySaLEM --> <script type="text/javascript"> $.ajax({ url: "{U_VIEW_OLDER_TOPIC}", async: true, success: function(data) { var matches = data.match(/<title>(.*?)<\/title>/); var AhlaTitle = matches[1]; document.getElementById("prevtopic").innerHTML = AhlaTitle; } });
$.ajax({ url: "{U_VIEW_NEWER_TOPIC}", async: true, success: function(data) { var matches = data.match(/<title>(.*?)<\/title>/); var AhlaTitle = matches[1]; document.getElementById("nexttopic").innerHTML = AhlaTitle; } }); </script>
<table class="next-previous" width="100%" border="0" cellspacing="1" cellpadding="10"> <tr> <td align="center" valign="top"> <div align="center"> <strong>«</strong> <a id="prevtopic" href="{U_VIEW_OLDER_TOPIC}">أستعرض الموضوع السابق</a> | <a id="nexttopic" href="{U_VIEW_NEWER_TOPIC}">أستعرض الموضوع التالي</a> <strong>»</strong> </div> </td> </tr> </table> <!-- next previous topic BySaLEM -->
- للنسخة الأخيرة INVISION:
نحبث عن السطر التالي : - الكود:
-
« <a href="{U_VIEW_OLDER_TOPIC}">{L_IPB_PREVIOUS_TOPIC}</a> · <a href="{U_VIEW_NEWER_TOPIC}">{L_IPB_NEXT_TOPIC}</a> » رقم السطر : 192 ونقوم بإستبداله بهذا الكود : - الكود:
-
<!-- next previous topic BySaLEM --> <script type="text/javascript"> $.ajax({ url: "{U_VIEW_OLDER_TOPIC}", async: true, success: function(data) { var matches = data.match(/<title>(.*?)<\/title>/); var AhlaTitle = matches[1]; document.getElementById("prevtopic").innerHTML = AhlaTitle; } }); $.ajax({ url: "{U_VIEW_NEWER_TOPIC}", async: true, success: function(data) { var matches = data.match(/<title>(.*?)<\/title>/); var AhlaTitle = matches[1]; document.getElementById("nexttopic").innerHTML = AhlaTitle; } }); </script> <strong>«</strong> <a id="prevtopic" href="{U_VIEW_OLDER_TOPIC}">أستعرض الموضوع السابق</a> | <a id="nexttopic" href="{U_VIEW_NEWER_TOPIC}">أستعرض الموضوع التالي</a> <strong>»</strong> <!-- next previous topic BySaLEM -->
- للنسخة الثالثة phpBB3 , النسخة PunBB , النسخة الأخيرة Invision, النسخة الجديدة ModrenBB:
نبحث عن الجملة التالية : - الكود:
-
<!-- BEGIN promot_trafic --> ونقوم بوضع اعلاه مباشرة الكود التالي : - الكود:
-
<!-- next previous topic BySaLEM --> <script type="text/javascript"> $.ajax({ url: "{U_VIEW_OLDER_TOPIC}", async: true, success: function(data) { var matches = data.match(/<title>(.*?)<\/title>/); var AhlaTitle = matches[1]; document.getElementById("prevtopic").innerHTML = AhlaTitle; } });
$.ajax({ url: "{U_VIEW_NEWER_TOPIC}", async: true, success: function(data) { var matches = data.match(/<title>(.*?)<\/title>/); var AhlaTitle = matches[1]; document.getElementById("nexttopic").innerHTML = AhlaTitle; } }); </script> <div class="next-previous"> <div align="center"> <strong>«</strong> <a id="prevtopic" href="{U_VIEW_OLDER_TOPIC}">أستعرض الموضوع السابق</a> | <a id="nexttopic" href="{U_VIEW_NEWER_TOPIC}">أستعرض الموضوع التالي</a> <strong>»</strong> </div> </div> <!-- next previous topic BySaLEM -->
ومن ثم نقوم بالضغط على سجّلومن ثم انشر لكن قبل النشر عاينوا النتيجة في النهاية ليس انا من صنع كود الاجاكس بل أخي الكريم SaLEm Hen!CHE فلا تنسوه من صالح دعائكم في امان الله
عدل سابقا من قبل {عذآب} في الأحد 16 يوليو 2017 - 17:43 عدل 1 مرات | |
|