منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

[تومبيلات] كود يقوم بوضع «أستعرض الموضوع السابق|...التالي» وجلب عناوينهم بالأجاكس

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

تقنية [تومبيلات] كود يقوم بوضع «أستعرض الموضوع السابق|...التالي» وجلب عناوينهم بالأجاكس

مُساهمة من طرف {عذآب} في الأربعاء 12 يوليو 2017 - 15:07

السلام عليكم ورحمة الله وبركاته  drunken

سأقدم لكم اليوم كود تومبيلات يقوم بوضع  :
« أستعرض الموضوع السابق | أستعرض الموضوع التالي »
ويستبدلها بأسماء عناوين المواضيع بواسطة تقنية الاجاكس وعرضهم اسفل المنتدى 

مثال على الكود من نسخة phpBB2 :

Arrow للتركيب نتجه الى : لوحة الإدارة >>> مظهر المنتدى >> التومبيلاتات والقوالب >>> إدارة عامة >>> viewtopic_body نقوم بالتعديل عليه :manage:  , ونبحث عن : -إختر نسخة منتداك-
للنسخة الثانية 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>
 &nbsp;|&nbsp;
 <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>
                   &nbsp;|&nbsp;
                   <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>
 &nbsp;|&nbsp;
 <a id="nexttopic" href="{U_VIEW_NEWER_TOPIC}">أستعرض الموضوع التالي</a>
 <strong>»</strong>
 </div>
</div>
<!-- next previous topic BySaLEM -->
ومن ثم نقوم بالضغط على سجّل
ومن ثم انشر :plus: لكن قبل النشر عاينوا النتيجة

في النهاية ليس انا من صنع كود الاجاكس بل أخي الكريم SaLEm Hen!CHE فلا تنسوه من صالح دعائكم Cool
في امان الله  Wink


عدل سابقا من قبل {عذآب} في الأحد 16 يوليو 2017 - 16:43 عدل 1 مرات
avatar
{عذآب}
 
 

ذكر
عدد المساهمات : 3814
معدل النشاط : 7423
السُمعة : 294

http://www.quran-jed.net/index.php/component/muscol/Z/97-/85-/14

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى