الخميس نوفمبر 22, 2018 9:46 am #1
اضف زر الرسالة السابقة - الرسالة التالية أسم العضو : أفندينا هل ترغب في التعليق على رسالة العضو أفندينا ؟
اضف زر الرسالة السابقة - الرسالة التالية السلام عليكم ورحمة الله وبركاته بهذه التقنية ستتمكن من اضافة زر التالى و السابق في الرسائل صوره للكود بعد التركيب : اضف الكود التالى فى الجافا سكربت اسم العنصر: كما تشاء مكان الظهور: جميع الصفحات الكود: $(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>
الى هنا انتهى الشرح الموضوع الاصلي : منتدى الدعم و المساعدة
تعليمات المشاركةلاتستطيع الرد على المواضيع في هذا المنتدى
كود HTML معطلة
إحصائيات المنتدى أفضل الاعضاء هذا الشهر أخر المشاركات