التنقل عبر المواضيع باستخدام ازرار الاسهم بلوحة المفاتيح هو مفيد حقا ما و لقد رأيت الكثير من كبار المدونات تستخدم هذه الميزة
لماذا ينبغي علينا اضافة التنقل باستخدام الاسهم ؟
- لا تعتمد على أي من المكتبات الخارجية و انها سهلة التركيب
- توفر للمستخدمين تجربة أفضل عند التنقل عبر صفحات و مواضيع المدونة
- لن يكون على الزائر النزول إلى الاسفل للتنقل إلى الصفحة الثانية
طريقة التركيب
اضف الكود التالي فوق الوسم </head>
<script type='text/javascript'>
window.onload = function()
{
document.onkeyup = function(event)
{
if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
event = event || window.event;
switch(event.keyCode)
{
case 37:
var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
if(newerLink !=null) window.location.href = newerLink.href;
break;
case 39:
var olderLink = document.getElementById('Blog1_blog-pager-older-link');
if(olderLink!=null) window.location.href = olderLink.href;
}
};
};
</script>
الان تم التركيب بنجاح و يمكنك تجريب الاضافة في مدونتك او على مدونتنا.
ملاحظة : العديد من المستخدمين لا يزالون يعتقدون أن استخدام جافا سكريبت يسبب بطء،
ولكن هذا ليس ما ينبغي أن نفكربه. إذا كان النص بشكل صحيح, فلم يعد هناك ما
يمكن أن يؤثر على موقعك بسرعة. هنا في مدونة مدون محترف ، نستخدم اكثر من 20 كود جافا سكريبت السرعة لا تزال أكثر من 90 إلى 100. ارجو ان اكون وفقت في شرحي
في امان الله
مدونة مدون محترف
مدونة مدون محترف
إضافة التنقل بين مواضيع المدونة بواسطة الاسهم في لوحة المفاتيح
4
/
5
بواسطة
مدون محترف
شكرا أخي ... إضافه ميه ميه
ردحذفhttp://abdowed.blogspot.com/
شكرا لردك اخي و عند استعمال الاضافة يمكن وضع ملاحظة اخر المواضيع او اي مكان تنبه عليها الزائر
حذفعلم وتمانياتي لك بالتوفيق ولاتنسى زيارتنا ياغالي
ردحذفhttp://abdu-mohtarif.blogspot.com/
تم اخي (o) و تم التعليق على اخر موضوع في المدونة
حذفتسلم الأيادي ياغالي
ردحذفشرفنا علي المدونة
http://blogbzm.blogspot.com/
تحياتي
شكرا لك اخي على ردك و تم الرد على اخر موضوع في مدونتك
حذفممكن تراسلني علي الفيسبوك
ردحذفhttps://www.facebook.com/BLOGBZM?ref=tn_tnmn
يمكنك مراسلتي هنا
حذفhttps://www.facebook.com/mudwnp?ref_type=bookmark
او استخدام ركن الاسئلة اخي
يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r