باسلام خدمت شما کاربران عزیز! پس از مدتی که مطلبی درباره کدنویسی در سیستم فا قرار نداده بودم ؛ امروز یکی از جالبترین ابزار های ساخته شده توسط: سیستم فا را که به وسیله جاوااسکریپت (JavaScript) ساخته شده است به شما معرفی می کنم...
با این ابزار که از قبل برنامه ریزی شده است می توانید برای کاربران وبلاگ یا سایت خود ، فرم امتحانی بسازید و با سوالات و پاسخ های مد نظرتان از آن ها به صورت آنلاین امتحان بگیرید.....
||| برای دریافت کد و آموزش به ادامه مطلب بروید... |||
تمامی آموزش ها برای راه اندازی فرم در کد ها موجود می باشند ؛ تنها چند نکته قابل ذکر است ، که باید آن ها را با دقّت مطالعه کنید...
دانلود کد صفحه اصلی امتحان حجم: 3.22 KB آموزش های اصلی: ابتدا در پنل وبلاگ خود یک صفحه جداگانه با نام "quiz" ایجاد کنید. در اینصورت آدرس این صفحه:
http://example.rozblog.com/page/quiz خواهد بود.
سپس کد اول را دانلود و آن را در "ویرایش با قالبی جدا" قرار دهید.
بعد دکمه های ترکیبی: Ctrl+F را فشار دهید و عبارت روبرو را در آن جستجو کنید:
var totalquestions=3
در این قسمت عدد "3" را باید بسته به تعداد سوالات مورد نظرتان تغییر دهید...
مثال: اگر تعداد سوالات شما 5 است آن را به 5 تغییر دهید.
سپس این عبارت را جستجو کنید: correctchoices
به طور عادی به این شیوه تنظیم شده است:
correctchoices[3]='c' // جواب سوال سه:: همانطور که می دانید در سوال های چهار گزینه ای ، جواب ها به صورت عددی نوشته می شوند!
مثال: (1،2،3،4،5،...) ؛ اما در این کد جواب سوالات به صورت حروف انگلیسی (a,b,c,d) نوشته می شوند.
اعدادی که در [1] قرار دارند ، نشان دهنده شماره سوال می باشند!که باید آن را با var totalquestions=3 تنظیم کنید.
1. قسمت question1 را به تناسب شماره سوال تغییر دهید. مثلاً: وقتی که سوال دوم است به جای 1 عدد 2 را قرار دهید.
در پایان عبارت: window.location را جستجو کنید و آدرس صفحه کارنامه (مثال: http://example.rozblog.com/page/answer) را جایگزین: "آدرس اینترنتی صفحه کارنامه" کنید...
پایان قسمت صفحه اصلی...
==========================================
سپس صفحه ای دیگر با آدرس: http://example.rozblog.com/page/answer ایجاد کنید.
و کد 2 را پس از دانلود در آن قرار دهید و همان تغییراتی را که در "قسمت 1 صفحه اصلی" انجام دادید را اعمال کنید...
(تغییر دادن totalquestions و correctchoices)
در پایان عبارت: window.location را جستجو کنید و آدرس صفحه اصلی فرم (مثال: http://example.rozblog.com/page/quiz) را جایگزین: "آدرس اینترنتی صفحه کارنامه" کنید...
تبریک می گوییم! شما یک فرم امتحانی دارید!
نمونه فرم پایانی: برای مشاهده کلیک کنید!
دانلود کد صفحه کارنامه حجم: 3.94 KB
http://example.rozblog.com/page/quiz خواهد بود.
سپس کد اول را دانلود و آن را در "ویرایش با قالبی جدا" قرار دهید.
بعد دکمه های ترکیبی: Ctrl+F را فشار دهید و عبارت روبرو را در آن جستجو کنید:
var totalquestions=3
در این قسمت عدد "3" را باید بسته به تعداد سوالات مورد نظرتان تغییر دهید...
مثال: اگر تعداد سوالات شما 5 است آن را به 5 تغییر دهید.
سپس این عبارت را جستجو کنید: correctchoices
به طور عادی به این شیوه تنظیم شده است:
correctchoices[1]='a' // جواب سوال یک
correctchoices[2]='b' // جواب سوال دوcorrectchoices[3]='c' // جواب سوال سه
مثال: (1،2،3،4،5،...) ؛ اما در این کد جواب سوالات به صورت حروف انگلیسی (a,b,c,d) نوشته می شوند.
اعدادی که در [1] قرار دارند ، نشان دهنده شماره سوال می باشند!که باید آن را با var totalquestions=3 تنظیم کنید.
<!-- Question -->
<div class="questions">سوال شماره 1 شما
<div class="arrow"></div></div>
<input type="radio" value="a" name="question1" class="answer" />گزینه 1
<input type="radio" value="b" name="question1" class="answer" />گزینه 2
<input type="radio" value="c" name="question1" class="answer" />گزینه 3
<input type="radio" value="d" name="question1" class="answer" />گزینه 4
<div class="hr"></div>
<!-- /Question -->
برای اضافه کردن هر سوال کافیست ، کد بالا را در پایین سوال قبلی بگذارید ، ولی قبل از آن باید در آن تغییراتی ایجاد کنید...<div class="questions">سوال شماره 1 شما
<div class="arrow"></div></div>
<input type="radio" value="a" name="question1" class="answer" />گزینه 1
<input type="radio" value="b" name="question1" class="answer" />گزینه 2
<input type="radio" value="c" name="question1" class="answer" />گزینه 3
<input type="radio" value="d" name="question1" class="answer" />گزینه 4
<div class="hr"></div>
<!-- /Question -->
1. قسمت question1 را به تناسب شماره سوال تغییر دهید. مثلاً: وقتی که سوال دوم است به جای 1 عدد 2 را قرار دهید.
در پایان عبارت: window.location را جستجو کنید و آدرس صفحه کارنامه (مثال: http://example.rozblog.com/page/answer) را جایگزین: "آدرس اینترنتی صفحه کارنامه" کنید...
پایان قسمت صفحه اصلی...
==========================================
سپس صفحه ای دیگر با آدرس: http://example.rozblog.com/page/answer ایجاد کنید.
و کد 2 را پس از دانلود در آن قرار دهید و همان تغییراتی را که در "قسمت 1 صفحه اصلی" انجام دادید را اعمال کنید...
(تغییر دادن totalquestions و correctchoices)
در پایان عبارت: window.location را جستجو کنید و آدرس صفحه اصلی فرم (مثال: http://example.rozblog.com/page/quiz) را جایگزین: "آدرس اینترنتی صفحه کارنامه" کنید...
تبریک می گوییم! شما یک فرم امتحانی دارید!
نمونه فرم پایانی: برای مشاهده کلیک کنید!