logo

أهلا وسهلا بك زائرنا الكريم في أرشيف انكور، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .





13-08-2021 02:34 مساءً
معلومات الكاتب ▼
تاريخ الإنضمام : 15-01-2020
رقم العضوية : 1
المشاركات : 2235
الدولة : فلسطين
الجنس :
تاريخ الميلاد : 11-9-1998
الدعوات : 18
قوة السمعة : 440
موقعي : زيارة موقعي

بسم الله الرحمن الرحيم

جديد ترقيم صفحات المواضيع في نسخة الجوال المتطورة
هذا الكود قديم و كان يعمل في الماضي على النسخة الكلاسيكية ثم تعطل بعد التحديثات لنسخة الجوال,
والحمد لله نجحت في تحديث الكود واصبح يعمل على نسخة الجوال المتطوره
السهمين الي لونهم اسود للتحريك لاظهار باقي الارقام الغير ظاهره
وزر لصفحة البداية والاخر لصفحة النهاية

معاينة الكود :
tle75f10
تركيب الكود :
لكي يعمل لكود من غير مشاكل
اول شيء اذهب الى لوحة الاداره > ادراه عامة > الرسائل و الإيميلات > تشكيل
عدد المساهمات في كل موضوع : ضع رقم 15
كما في الصوره
ocia_a11
نأتي الان للاكواد
اولا تأكد من تفعيل الجفا
العنوان: ترقيم الصفحات للجوال
أضف الكود الى :: اختر المواضيع
ثم الصق كود الجفا التالي
CODE
$(function() {
  var perpage = 15, // amount of messages before a new page is added
  p = document.getElementsByTagName('P'), l = window.location.pathname, current, last, tid = l.replace(/\/t(\d+).*/,'$1'), tname = l.replace(/(\/t\d+|\/t\d+p\d+)(-.*)/,'$2'), style = document.createElement('STYLE'), css = '.pagi {height:auto;color:#FFF;position:static;margin:2px}.pagactif{color:#FF8;cursor:default}.scroller{position:absolute;width:30px;height:35px;cursor:pointer}.left.scroller{background:url(https://2img.net/i/fa/mobile/inner-left-arrow.png) no-repeat center #444;top: 7px;left:51px}.right.scroller{background:url(https://2img.net/i/fa/mobile/inner-right-arrow.png) no-repeat center #444;top: 7px;right:51px}', i,j;

  if (style.styleSheet) style.styleSheet.cssText = css;
  else style.appendChild(document.createTextNode(css));
  document.getElementsByTagName('HEAD')[0].appendChild(style);
 
  for (i=0; i<p.length; i++) {
    if (/mobile_title_content/.test(p[i].className)) {
      current = Number(p[i].innerHTML.replace(/.*?<strong>(\d+)<\/strong>.*?<strong>\d+<\/strong>/i,'$1'));
      last = Number(p[i].innerHTML.replace(/.*?<strong>\d+<\/strong>.*?<strong>(\d+)<\/strong>/i,'$1'));
    }
  }
 
  if (last >= current) {
    var b = document.getElementsByTagName('DIV'), title = document.createElement('DIV'), cen = document.createElement('DIV'), left = document.createElement('DIV'), right = document.createElement('DIV'), c = 1, d = 0;
    title.className = 'mobile_title', left.className = 'left scroller', right.className = 'right scroller', cen.className = '{PAGINATION}', cen.setAttribute('style','left:85px;right:85px;text-overflow:clip;');
    for (j=0; j<b.length; j++) if (/mobile_title/.test(b[j].className)) if (/\d+/.test(b[j].nextSibling.id) || /poll/.test(b[j].nextSibling.className)) b[j].parentNode.insertBefore(title,b[j].nextSibling);
    title.appendChild(cen), title.appendChild(left), title.appendChild(right);
 
    left.onmousedown = function() { cen.scrollLeft -= 100 };
    right.onmousedown = function() { cen.scrollLeft += 100 };
 
  while (d < 2) {
      if (d == 0 && current > 1) newPage('omobile_prev_button block', '<p>البداية</p>', '/t' + tid + tname, title);
      else if (d == 1 && current != last) newPage('omobile_next_button block', '<p>الاخيرة</p>', '/t' + tid + 'p' + Number(perpage * last - perpage) + tname, title);
      d += 1;
    } while (last + 1 > c) {
      if (c == current) newPage('.mobile_next_button block', c, 'javascript:void(0);', cen, 'currentPage');
      else newPage('.mobile_next_button block', c, '/t' + tid + 'p' + Number(perpage * c - perpage) + tname, cen);
      c += 1;
    }
    cen.scrollLeft = document.getElementById('currentPage').offsetLeft;
  }
  function newPage(classname, html, href, par, id) {var page = document.createElement('A'); page.className = classname, page.innerHTML = html, page.href = href, par.appendChild(page); if (id) page.id = id}
});


وضع الكود التالي بالcss
CODE
.\.mobile_prev_button.block, .\.mobile_next_button.block {<br />
&nbsp; &nbsp; background-color: #09796f;<br />
&nbsp; &nbsp; border-radius: 100px;<br />
&nbsp; &nbsp; color: #FFF;<br />
&nbsp; &nbsp; font-size: 1.5rem;<br />
&nbsp; &nbsp; font-weight: 400;<br />
&nbsp; &nbsp; margin: 0 3px 0 0;<br />
&nbsp; &nbsp; padding: 10px;<br />
&nbsp; &nbsp; text-align: center;<br />
&nbsp; &nbsp; text-decoration: none;<br />
}<br />
.\{PAGINATION\} {<br />
&nbsp; &nbsp; overflow: hidden;<br />
&nbsp; &nbsp; position: absolute;<br />
&nbsp; &nbsp; display: flex;<br />
&nbsp; &nbsp; line-height: 20px;<br />
&nbsp; &nbsp; top: 4px;<br />
}<br />
<br />
a#currentPage {<br />
&nbsp; &nbsp; background: #e91e63;<br />
}<br />
<br />
a.omobile_next_button.block {<br />
&nbsp;top: 0px;<br />
&nbsp; &nbsp; background: #cecece;<br />
&nbsp; &nbsp; position: absolute;<br />
&nbsp; &nbsp; left: 0;<br />
&nbsp; &nbsp; width: 40px;<br />
&nbsp; &nbsp; height: auto;<br />
&nbsp; &nbsp; cursor: pointer;<br />
}<br />
<br />
a.omobile_prev_button.block {<br />
top: 0px;<br />
&nbsp; &nbsp; background: #cecece;<br />
&nbsp; &nbsp; position: absolute;<br />
&nbsp; &nbsp; right: 0;<br />
&nbsp; &nbsp; width: 40px;<br />
&nbsp; &nbsp; height: auto;<br />
&nbsp; &nbsp; cursor: pointer;<br />
}<br />
<br />

انتهى الشرح
منقول
بالتوفيق للجميع





والسلام ختام
توقيع :Admin
للتواصل مع الادارة بشأن اي موضوع : لمشاهدة الروابط يلزمك التسجيل


اضافة رد جديد اضافة موضوع جديد




الكلمات الدلالية
جديد ، ترقيم ، صفحات ، المواضيع ، نسخة ، الجوال ، المتطورة ،









الساعة الآن 08:33 PM