الرئيسية
انشاء منتدى مجاني[تومبيلات] كود يقوم بوضع «أستعرض الموضوع السابق|...التالي» وجلب عناوينهم بالأجاكس
صفحة 1 من اصل 1
[تومبيلات] كود يقوم بوضع «أستعرض الموضوع السابق|...التالي» وجلب عناوينهم بالأجاكس
من طرف {عذب} الأربعاء 12 يوليو 2017 - 15:07
السلام عليكم ورحمة الله وبركاته 
سأقدم لكم اليوم كود تومبيلات يقوم بوضع :
مثال على الكود من نسخة phpBB2 :
![[تومبيلات] كود يقوم بوضع «أستعرض الموضوع السابق|...التالي» وجلب عناوينهم بالأجاكس Next-p10](https://i.servimg.com/u/f11/19/61/69/70/next-p10.png)
للتركيب نتجه الى : لوحة الإدارة >>> مظهر المنتدى >> التومبيلاتات والقوالب >>> إدارة عامة >>> viewtopic_body نقوم بالتعديل عليه 
, ونبحث عن : -إختر نسخة منتداك-
ومن ثم انشر
لكن قبل النشر عاينوا النتيجة
في النهاية ليس انا من صنع كود الاجاكس بل أخي الكريم SaLEm Hen!CHE فلا تنسوه من صالح دعائكم
في امان الله
سأقدم لكم اليوم كود تومبيلات يقوم بوضع :
ويستبدلها بأسماء عناوين المواضيع بواسطة تقنية الاجاكس وعرضهم اسفل المنتدى« أستعرض الموضوع السابق | أستعرض الموضوع التالي »
مثال على الكود من نسخة phpBB2 :
للتركيب نتجه الى : لوحة الإدارة >>> مظهر المنتدى >> التومبيلاتات والقوالب >>> إدارة عامة >>> viewtopic_body نقوم بالتعديل عليه , ونبحث عن : -إختر نسخة منتداك-- للنسخة الثانية phpBB2:
ونبحث عن الجملة التالية :- الكود:
<!-- 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>
<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> »
ونقوم بإستبداله بهذا الكود :- الكود:
<!-- 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 - 16:43 عدل 1 مرات
{عذب}-
-
عدد المساهمات : 3028
معدل النشاط : 9774
السُمعة : 294 -
مواضيع مماثلة» [Template] كود لوضع « أستعرض الموضوع السابق | أستعراض الموضوع التالي » أسفل كل موضوع و شغال 100%
» طلب كود عنوان الموضوع التالي والموضوع السابق في آخر صفحة عرض الموضوع
» [CSS] كود يقوم بوضع صورة صغيرة فوق الصورة الشخصية للأعضاء [For Phpbb2]
» كود يقوم بوضع صورة بجانب أخر مساهمة الظاهرة على الرئيسية بدون تومبيلايت
» تطوير عناوين صفحات و مواضيع المنتديات بوضع بدل من رقم الاي دي تبع الموضوع العنوان تبع الموضوع
» طلب كود عنوان الموضوع التالي والموضوع السابق في آخر صفحة عرض الموضوع
» [CSS] كود يقوم بوضع صورة صغيرة فوق الصورة الشخصية للأعضاء [For Phpbb2]
» كود يقوم بوضع صورة بجانب أخر مساهمة الظاهرة على الرئيسية بدون تومبيلايت
» تطوير عناوين صفحات و مواضيع المنتديات بوضع بدل من رقم الاي دي تبع الموضوع العنوان تبع الموضوع
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى![[تومبيلات] كود يقوم بوضع «أستعرض الموضوع السابق|...التالي» وجلب عناوينهم بالأجاكس Fb11](https://i.servimg.com/u/f21/18/21/41/30/fb11.png)
Facebook![[تومبيلات] كود يقوم بوضع «أستعرض الموضوع السابق|...التالي» وجلب عناوينهم بالأجاكس Tw10](https://i.servimg.com/u/f21/18/21/41/30/tw10.png)
Twitter![[تومبيلات] كود يقوم بوضع «أستعرض الموضوع السابق|...التالي» وجلب عناوينهم بالأجاكس Yt10](https://i.servimg.com/u/f21/18/21/41/30/yt10.png)
Youtube
