اضف زر الرسالة السابقة - الرسالة التالية

اذهب الى الأسفل 
كاتب الموضوعرسالة
Michael_vx
 
 
avatar


ذكر
عدد المساهمات : 1066
معدل النشاط : 7996
السُمعة : 69

اضف زر الرسالة السابقة - الرسالة التالية Empty
مُساهمةموضوع: اضف زر الرسالة السابقة - الرسالة التالية   اضف زر الرسالة السابقة - الرسالة التالية Emptyالثلاثاء 4 أغسطس 2015 - 14:50

اضف زر الرسالة السابقة - الرسالة التالية Aseer14

بهذه التقنية ستتمكن من اضافة زر التالى و السابق
اضف الكود التالى فى الجافا سكربت
اسم العنصر: كما تشاء
مكان الظهور: جميع الصفحات
الكود:
$(function(){

var maxMP=50;/*2%/MP*/

var a=["inbox","savebox"],b,dl=document.location.toString(),cc=1,cI=0,collect=[],SPP=false;

var fpidP=function(dossier){var dossier=dossier,stop=stop||false;

if(!stop)$.get("/privmsg?folder="+dossier+"&start="+cI,(function(dossier,d){

    var c,$d=$(d),i,l=dossier,$navMP=$("<div>",{id:"navMP"}),precedent,suivant;

    c=$("form[action^='/privmsg'] a[href^='/privmsg?folder="+l+"&mode=read&p=']",$d);

    if(!SPP){

SPP=$("form[action^='/privmsg']
a[href*='&start=']",$d).length?parseInt(/&start=(\d+)/.exec($("a[href*='&start=']",$d)[0].href)[1]):50;

    }

    for(i=0;i<c.length;i++){

collect[cI+i]=c[i];

}

 for(i=0;i<collect.length;i++){

 if(collect[i].href.indexOf('&p='+pid)!=-1){

 
if(i!==collect.length-1)$navMP.append($('<a>',{id:"navMP-precedent",href:collect[i+1].href,title:collect[i+1].textContent}));

  if(i!==0)$navMP.append($('<a>',{id:"navMP-suivant",href:collect[i-1].href,title:collect[i-1].textContent}));

  /*Evitons les requetes inutiles...*/

  stop=i<collect.length-1;

  break;

  };

 }

 cI+=SPP;cc++;

 if(cc<=Math.ceil(maxMP/SPP)&&!stop){fpidP(dossier);}

$("#navMP").length?$("#navMP").html($navMP.html()):$("form[action^='/privmsg']").before($navMP);

   

  }).bind(null,dossier))};

for(b in a){

 if(dl.indexOf("/privmsg\?folder="+a[b]+"&mode=read&p=")!=-1){

  var pid=/&p=(\d+)/.exec(dl)[1];

  fpidP(a[b]);

 }

}

});
ثم اضف التالى فى ورقة التصميم CSS
الكود:
#navMP>a{



  display:inline-block;

  padding-left:10px;

  padding-right:10px;

  font-size:16px;

  line-height:16px;

  color:#eee;

  background:#BDC8D0;

  text-decoration:none !important;

  border:1px solid #aaa;

}

#navMP>a:hover{

  color:#fff;

  background:#CDD8E0;

  text-decoration:none !important;

}

#navMP-precedent{

  border-radius:8px 0 0 8px;

}

#navMP-suivant{

  float:right;

  border-radius:0 8px 8px 0;

}

 

#navMP-precedent::before{

  content:"الرسالة السابقة"

}

#navMP-suivant::before{

  content:"الرسالة التالية"

}
اذا اردت تغيير مكان الازرار بقالب privmsgs_read_body قم باضافة الكود التالى حيثما تريد
الكود:
<div id="navMP"></div>
اضف زر الرسالة السابقة - الرسالة التالية 55454
تحياتى Michael_vx
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.vxblog.eu
 
اضف زر الرسالة السابقة - الرسالة التالية
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» بعد ما حملة على مجلة المنتدى كود >الصفحة السابقة--------والصفحة التالية
» ممكن كود الاعلانات المتحركة الى بيبفى بجانبها سهمين عند الضغط عليهم تاتى الصورة التالية او السابقة
» اضافة زر الصفحة التالية و الصفحة السابقة في نسخة الجوال
» طلب كود انتقل الى الصفحة التالية
» كيفية عمل قسم بالمواصفات التالية

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA-
انتقل الى: