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

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

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

avatar
فارس الظلام
.:: General Manager ::.
عدد المساهمات : 1410
النقاط : 2222
السٌّمعَة : 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
H 3 R O
Beginner Developer
عدد المساهمات : 90
النقاط : 91
السٌّمعَة : 10
العمر : 19
معاينة صفحة البيانات الشخصي للعضو

مُساهمةH 3 R O في الخميس يونيو 14, 2018 9:42 pm

مقتبس من الvb ثانك يو

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

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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