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

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

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

avatar
مؤسس روميو الابداع
عدد المساهمات : 1414

النقاط : 2226

السٌّمعَة : 12

العمر : 18

معاينة صفحة البيانات الشخصي للعضو
في الأربعاء يونيو 13, 2018 1:47 pm
السلام عليكم ورحمة الله وبركاته
سأقدم لكم اليوم كود تومبيلات يقوم بوضع :
« أستعرض الموضوع السابق | أستعرض الموضوع التالي »

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

مثال على الكود من نسخة 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>
  |&nbsp;
 <a id="nexttopic" href="{U_VIEW_NEWER_TOPIC}">أستعرض الموضوع التالي</a>
 <strong>»</strong>
 </div>
</div>
<!-- next previous topic BySaLEM -->

ومن ثم نقوم بالضغط على سجّل
ومن ثم انشر لكن قبل النشر عاينوا النتيجة

الكود من صناعة SaLEm Hen!CHE

تم النقل من منتدي الدعم

وفقكم الله

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

avatar
عدد المساهمات : 90

النقاط : 91

السٌّمعَة : 10

العمر : 19

معاينة صفحة البيانات الشخصي للعضو
في الخميس يونيو 14, 2018 9:42 pm
مقتبس من الvb ثانك يو
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى