اسكربت حلول للاختبارات الالكترونية

السلام عليكم ورحمة الله وبركاته

نحب ان نشارك معكم اسكربت الاختبارات الالكترونية

قمنا باضافة بعض التعديلات على السكربت حيث يمكن لاصحاب المواقع استخدامه والتعديل عليه كما يريدون

الاضافة هيا بسيطة جدا وتسمح بعملية ادخال الجواب على السؤال كتابة

مثال عند كتابة 1 + 1 =

هنا قمنا بتعديل بسيط يسمح الجواب على السؤال كتابة في الاصدار السابق من الاسكربت كان لايمكن اضافة الجواب فقط عبارة عن اسئلة يتم اختيار الجواب الصحيح من خلال عدة اجابات

فائدة الاسكربت يسمح الاسكربت باضافة اسئلة عديدة والتعديل عليها كما تشاء في طرح اسئلة متنوعة

تجربة الاسكربت من خلال الرابط التالي : – https://www.hululktaab.com/asktest/

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

مثال عندما نريد الحصول على قيمة الجواب التي تم الاجابة عنها

 

<input id="q2" class="55" type="text" placeholder="اكتب الاجابة هنا " />

تستخدم طريقة جافا سكريبت القياسية لتحديد عنصر document.getElementById(“Id”) ، حتى تتمكن من الحصول على القيمة والتاكد من ان الجواب صحيح فقيمة ID لل input هيا  q2 لذالك سوف  نطلب  ان يقوم بفحص قيمة العنصر التالي  document.getElementById(“q2”)  وبعدها نضيف  .value تعني قيمة الجواب

الخطوة الاولى نحصل على القيمة من الجواب لكي نتأكد من انه صحيح او غير ذالك

 

 

answer = document.getElementById("q2").value;

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

 

من خلال الكود التالي  :

 

if(answer=="2" || answer=="٢"){

/نقوم هنا بكتابة الامر مثال

alert("نعم الجواب  2");

/

}

}else{

/نقوم هنا بكتابة الامر مثال

alert("لا الجواب ليس 2");

/

}

لاحظ اداة الدالة IF  تعني اذا كان جواب السؤال  1+1

2  لاحظ اننا قمنا بادخال تنبيه يعطني  لنا  الرد بان الجواب صحيح هوا 2

 

اما  كلمة else فهي تعني اذا كان قيمة  السؤال غير 2

تتيح لك الدالة IF إجراء مقارنة منطقية بين قيمة وما تتوقعه

حسنا سوف نشرح الادخالات التي قمنا باضافتها داخل العناصر السابقة

 

 

<script type="text/javascript">
function checkAnswers() {
answer = document.getElementById("q2").value;
if(answer=="2" || answer=="٢"){
$('<style>').text("#quiz-container > div.results-container.slide-container > div.result-keeper > div:nth-child(6) > div.resultsview-qhover > ul > li:nth-child(2){display: none}").appendTo(document.head);
}else {
init.questions[0].correctAnswer = 2;
$(" div:nth-child(2) > ul > li:nth-child(2)").prependTo("div:nth-child(2) > ul");
}
 </script>

عند الاطلاع على السكربت من خلال  عرض المصدر  سوف  نلاحظ بان السؤال يحتوي بالاصل على اختيارين

 

 

لكننا قمنا بخفاء الخيار الثاني  والسبب في ذالك في حالة كان الجواب 3 اي خاطي

 

سوف نعطيه القيمة التالية  : مثال

 

 

if(answer=="2" || answer=="٢"){
$('<style>').text("#quiz-container > div.results-container.slide-container > div.result-keeper > div:nth-child(6) > div.resultsview-qhover > ul > li:nth-child(2){display: none}").appendTo(document.head);
}else {
init.questions[0].correctAnswer = 2;

}

$(” div:nth-child(2) > ul > li:nth-child(2)”).prependTo(“div:nth-child(2) > ul”);

لاحظ في الدالة else اي الجواب ليس 2 اي الجواب خاطئ  هنا سوف  نقوم  باعطاء  القيمة الصحيحة  للجواب الثاني  ايضا اعطاءه امر بتبديل الجوابين  مثال

 

 

عند الرجوع الى اكواد الرئسية للاسئلة  سوف نجد بان الجواب  الصحيح  هوا 1 ولكن قمنا بتغير  القيمة في حالة كان الجواب  خاطئ الى 2 حتى نتمكن من  التعديل على نتيجة الاسئلة و لايكون الجواب  الصحيح  هوا  3 فيقوم باعطاء نتيجة صحيحة لجواب خاطئ  او لا قمنا  بالتبديل  السؤال  الاول بالسؤال الثاني فاصبح السؤال الصحيح  هوا الثاني

 

لاحظ الاكواد الرئيسية والجواب الصحيح هوا  1

correctAnswer': 1

 

الاكواد الرئيسية للاسئلة

 

var init = {
    'questions': [
 {
            'question': '<p style="color: red"> 1 + 1 <p>',
            'answers': ['<p style="color: green"><input class="55" id="q2" type="text" placeholder="اكتب الاجابة هنا  "/> </p>',
                        '<p id="ssa" style="color: green">2</p>',],

            'correctAnswer': 1

          },    
    ],

هنا يكون انتهينا  من شرح التعديلات  الجديدة للاسكربت يمكنك تحميل الملف كامل والتعديل عليه واضافة الاسئلة كما تشاء  واضافتها على موقعك من خلال الرابط التالي : – https://www.hululktaab.com/asktest/ask.zip

 

للاطلاع على كود المصدر  :- view-source:https://www.hululktaab.com/asktest/

سنعمل على اضافات المزيد من الاضافات على اسكربت الاختبارات  الالكترونية  لكن لقصر الوقت لدينا في هذه الفترة  في  حالة  اي سؤال على اسكربت يمكنك اضافة السؤال من خلال اتصل بنا ونقوم بالرد عليكم

 

 

مواد متعلقة :

الدراسات الاسلامية الفقه 3