عرض نص يتغير في كل تحديث

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في الموضوع السابق الذي بعنوان كود حكمة اليوم تتغير تلقائيا كل يوم في الشهر على هذا الرابط
تحدثنا فيه عن عرض حكمة كل يوم ولكن في بعض الأحيان نريد أن تتغير الحكمة أو النص بطريقة عشوائية في كل مرة نفتح الصفحة أو في كل تحديث لها.
وهو ما سوف نتحدث عنه في موضوعنا اليوم .
لمعاينة الطريقة  أو الكود أذهب إلى هذه الصفحة وانظر إلى العمود الجانبي الأيسر تحت عنوان حكمة شعرية  وقم بتحديث الصفحة أو بالضغط على مفتاح f5 وسوف تلاحظ تغير الحكمة في كل مرة قمت بالتحديث.

نأتي الآن إلى الطريقة التي سوف نستخدمها لإضافة هذا الكود في مدونات بلوجر
- اذهب إلى لوحة التحكم لمدونتك ثم التخطيط ثم إضافة أداة ثم اختر الأداة HTML/JavaScript
2- أكتب في صندوق عنوان الأداة ( حكمة ) أو أي عنوان آخر تريده لهذه الأداة
3- الصق الكود التالي في المحتوى
 <script language=javascript>  
 <!--  
 var hkma=new Array()  
 hkma[0]='إذا المرء لم يدنس من اللؤم عرضه ... فكل رداء يرتديه جميل'  
 hkma[1]='ومن طلب العلا من غير كد أضاع العمر في طلب المحال'  
 hkma[2]='لا تنه عن خُلُقٍ وتأتي مثله عار عليك إذا فعلت عظيم'  
 hkma[3]='وينشأ ناشئ الفتيان منا على ما كان عوده أبوه'  
 hkma[4]='الصبر صبران: صبر على ما تكره وصبر على ما تحب'  
 hkma[5]='التأني من الرحمن والعجلة من الشيطان'  
 hkma[6]='اصبر قليلا فبعد العسر تيسير وكل أمر له وقت وتدبير'  
 hkma[7]='إن ربا كفاك ما كان بالأمس ... سيكفيك في غد ما يكون'  
 hkma[8]='من يهن يسهل الهوان عليه ... ما لجرح بميت إيلام'  
 hkma[9]='دقات قـــلب المرء قائلة له ... إن الحـــياة دقائق وثواني'  
 hkma[10]='ألا كل شـــيء ما خلا الله باطل ... وكل نـــعيم لا محالة زائل'  
 hkma[11]='إذا ساء فعل المرء ساءت ظنونه ... وصدق ما يعتاده من توهم'  
 hkma[12]='لعمرك ما يغني الثراء عن الفتى ... إذا حشرجت يوما وضاق بها الصدر'  
 hkma[13]='وإذا كانت النفوس كبارا ... تعبت في مرادها الأجسام'  
 hkma[14]='لا خيل عندك تهديها ولا مال ... فليسعد النطق إن لم تسعد الحال'  
 hkma[15]='ما كل ما يتمى المرء يدركه ... تجري الرياح بما لا تشتهي السفن'  
 hkma[16]='قد يدرك المتأني بعض حاجته ... وقد يكون مع المستعجل الزلل'  
 hkma[17]='وما نيل المطالب بالتمني ... ولكن تؤخذ الدنيا غلابا'  
 hkma[18]='دع المقادير تجري في أعنتها ... ولا تبيتن إلا خال البال'  
 hkma[19]='وإذا أراد الله نشر فضيلة طويت ... أتاح لها لسان حسود'  
 hkma[20]='يا من يعز علينا أن نفارقهم ... وجداننا كل شيء بعدكم عدم'  
 hkma[21]='على قدر أهل العزم تأتي العزائم ... وتأتي على قدر الكرام المكارم'  
 hkma[22]='وفي كل شيء له آية ... تدل على أنه واحد'  
 hkma[23]='وكل شـــديدة نزلت بقوم ... سيأتي بعد شـــدتها رخاء'  
 hkma[24]='إذا غامرت في شرف مروم ... فلا تقنع بما دون النجوم'  
 hkma[25]='إذا كنت في حاجة مرسلا ... فأرسل حكيما ولا توصه'  
 hkma[26]='ابدأ بنفسك فانهها عن غيرها ... فإذا انتهت عنه فأنت حكيم'  
 hkma[27]='ومن يكن ذا فم مر مريض ... يجد مرا به الماء الزلال'  
 hkma[28]='بقدر الجد تكتسب المعالي ... ومن رام العلا سهر الليالي'  
 hkma[29]='تعلم فليس المرء يولد عالما ... وليس أخو علم كمن هو جاهل'  
 hkma[30]='أعلل النـــفس بالآمال أرقبها ... ما أضيق العـــيش لولا فسحة الأمل'  
 var i = Math.floor(31*Math.random())  
 document.write(hkma[i])  
 //-->  
 </script>  
4- قم بحفظ الأدة.
ملاحظة :
* يمكنك تغيير الحكم إلى أي نص تريده
* يمكنك زيادة الحكم أو إنقاصها بشرط تغيير عدد الحكم في  الكود إبحث عن الكود التالي : ( لاحظ العدد باللون الأحمر)

 var i = Math.floor(31*Math.random())  
يجب الانتباه إلى عدد الحكم لأن الحكمة التي تحمل الرقم 0 أيظا تحسب .
---------------------------------------------------------------------------------------------
وهذا شرح سريع لهذا الكود ومبسط
استخدمت الكود في الموضوع السابق وقمت بتغيير بسيط له فقد قمت بقص الحكمة التي رقمها 31 ووضعها في أعلى الحكم وتغيير رقمها إلى صفر ( لاحظ أن عدد الحكم 31 لم يتغير )
الكود المسؤول عن عرض الحكم بعشوائية هو هذا الكود

var i = Math.floor(31*Math.random())
 document.write(hkma[i]);
عرفنا المتغير i على أنه قيمة عشوائية من 0 إلى 31 وفي الكود التالي يعرض الحكمة للقيمة العشوائية المختارة.

مصدر الكود  ولمزيد من المعلومات على هذا الرابط

هناك 22 تعليقًا:

  1. السلام عليكم

    جزاك الله خيرا اخى خلفان على هذا العمل الطيب
    تقبل الله منا ومنك صالح الاعمال
    وجعله الله فى ميزان حسناتك

    تحياتى وتقديرى

    ردحذف
    الردود
    1. بارك الله فيك أختي ليلى الصباحي
      وجزاك الله خيرا

      حذف
  2. السلام عليكم

    بارك الله فيك أخي خلفان.

    ردحذف
  3. أخي خلفان
    الحكمة رقم 26 بها خطأ مطبعي

    كلمة غبرها والصحبح غيّها

    ردحذف
    الردود
    1. شكرا لك أخي عبداللطيف على هذا التنيه
      وقد تم إصلاح الخطأ
      بارك الله فيك

      حذف
  4. السلام عليكم ورحمة الله وبركاته

    أشكرك أخي خلفان على هذا الكود الرائع

    وعلى الشرح الجميل

    جزاك الله خيرا ونفع بك

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      العفو أخي فهد الفيفي
      شاكرا لك مرورك وتعليقك
      بارك الله فيك

      حذف
  5. بسم الله وبعد
    جزاك الله خيرا وبارك الله فيك على ما تقوم بتقديمه للمتابعين والاصدقاء
    تحياتنا واحترامنا وتقديرنا لك

    إخوانك في الأسرة المسلمة ( مازن وأحلام )
    islamicfamily.net.tc

    ردحذف
    الردود
    1. شكرا لكم أخواني مازن وأحلام على ردكما الطيب
      بارك الله فيكم

      حذف
  6. بسم الله وبعد
    تتقدم الأسرة المسلمة ( مازن وأحلام ) بالتهنئة بمناسبة حلول شهر رمضان المبارك سائلين المولى عز وجل أن يتقبل منا الصيام والقيام وتلاوة القرآن وأن يرحمنا ويغفر لنا ويعتق رقابنا من النار وأن يدخلنا الجنة من باب الريان إنه سميع قريب مجيب
    مبارك عليكم الشهر وكل عام وأنتم إلى الله أقرب

    ردحذف
    الردود
    1. تقبل الله منا ومنكم الصيام والقيام وأعانكم على إتمام هذا الشهر الفضيل
      بارك الله فيكما وجزاكما خيرا

      حذف
  7. مشكور ومقصرت

    ====================================
    http://vb.0ab0.com
    منتديات
    دردشة

    ردحذف
  8. جزاك الله خير
    http://www.alsadiqa.com
    مشكورر
    http://www.un4web.com

    That is owesome
    http://www.logatelro7.com

    ردحذف
  9. شكرا لك على العموم الكود فيه خطأ لازم يكو فى نهايه للكود المهم بعد التعديل لم يشتغل عندى على بلوجر ولاكن انا مجربه على موقع فهو تمام

    شكرا لكم

    http://ghanemkalaf.blogspot.com/

    ردحذف
  10. عفوا أخي غانم خلاف
    وشكرا لك على هذا التنبيه فعلا يوجد خطأ لأني قمت بتنسيقه مؤخرا ولم أنتبه إلى هذا الخطآ
    الكود يعمل في مدونات بلوجر ويمكنك معاينته في مدونتي الأخرى
    مدونة المنابع

    ردحذف
  11. الردود
    1. وفيك بارك الله
      شكرا على التعليق

      حذف