احد بيعرف في المحاذاة من خلال البرمجة
السلام عليكم ورحمة الله وبركاته
إخواني عملت اختبار بواسطة احد البرامج ولكن المشكلة في المحاذاة حيث الأسئلة والإجابات وأزرار الاختيار للإجابات تكون في اليسار وأريد أن اجعلها في اليمين
ولكن ليس لي خبرة في تغير الكود , حيث أرفقت ملف الكود في المشاركة فأرجو ممن له خبرة في البرمجة أن يرشدني طريقة تغير المحاذاة
وأريد أن اعرف بأي لغة برمجة كود الاختبار
الصورة الاولى : لصفحة الاختبار وتظهر محاذاة الاسئلة لليسار و انا اريدها لليمين
الصورة الثانية : لصفحة النتيجة كذلك المشكلة في المحاذاة
وهذا كود الاختبار
------------------
function Question (qname,
type,
qstring,
response,
corrects,
explan,
ifcorrect,ifwrong,ifnull,
img)
{this.qname=qname;
this.type=type;
this.qstring=qstring;
this.response=response;
this.corrects=corrects;
this.explan=explan;
this.ifcorrect=ifcorrect;
this.ifwrong=ifwrong;
this.ifnull=ifnull;
this.img=img;
}
resp=new Array("5","3","9","10")
corr=new Array("1","0","0","0")
quest001 = new Question(
"Question 1",
0,
"2 + 3 =",
resp,
corr,
"",
1,
0,
0,
"");
resp=new Array("True","False")
corr=new Array("1","0")
quest002 = new Question(
"Question 2",
0,
"يمكن ان تعمر السلحفاة 100 عام",
resp,
corr,
"",
1,
0,
0,
"");
resp=""
corr="الانبياء"
quest003 = new Question(
"Question 3",
3,
"النبي محمد هو خاتم",
resp,
corr,
"",
1,
0,
0,
"");
questions = new Array (
quest001,quest002,quest003)
function doQuestion(quest)
{
var numdo;
var numord=eval(quest+1);
var i=-1, ii, type, myname, gadget;
type=questions[quest].type;
numdo=type>=3?1:questions[quest].response.length;
document.writeln ("<a name=\""+questions[quest].qname+"\"></a>")
document.write("\n")
document.write(" <table width=\"470\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">\n")
document.write(" <tr> \n")
document.write(" <td align=\"left\" valign=\"bottom\"> \n")
document.write(" <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n")
document.write(" <tr> \n")
document.write(" <td><img src=\"s_table_up_sx.gif\" width=\"60\" height=\"22\"></td>\n")
document.write(" <td background=\"s_table_up_bord.gif\" width=\"100%\"><img src=\"s_table_up_bord.gif\" width=\"1\" height=\"22\"></td>\n")
document.write(" <td><img src=\"s_table_up_dx.gif\" width=\"26\" height=\"22\"></td>\n")
document.write(" </tr>\n")
document.write(" </table>\n")
document.write(" </td>\n")
document.write(" </tr>\n")
document.write(" <tr> \n")
document.write(" <td> \n")
document.write(" <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"100%\">\n")
document.write(" <tr> \n")
document.write(" <td background=\"s_table_sx_bord.gif\" align=\"right\" valign=\"top\"> \n")
document.write(" <table width=\"42\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"37\" background=\"s_table_num.gif\">\n")
document.write(" <tr> \n")
document.write(" <td height=\"37\" width=\"32\"> \n")
document.write(" <div align=\"center\"><font face=\"Arial, Helvetica, sans-serif\"><b><font size=\"5\" color=\"#FFFFFF\">")
document.write(numord)
document.write(" \n")
document.write(" </font></b></font></div>\n")
document.write(" </td>\n")
document.write(" </tr>\n")
document.write(" </table>\n")
document.write(" </td>\n")
document.write(" <td width=\"100%\" bgcolor=\"F0F9FD\" align=\"left\" valign=\"top\">\n")
document.write(" <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n")
document.write(" <tr>\n")
document.write(" <td colspan=\"2\">\n")
document.write(" <table >\n")
document.write(" ")
if (questions[quest].img!="") {
document.write("\n")
document.write(" <td width=1>\n")
document.write(" <img border=\"0\" src=\"")
document.write(questions[quest].img)
document.write("\">\n")
document.write(" </td>\n")
document.write(" ")
}
document.write("\n")
document.write(" <td class=question valign=\"top\">\n")
document.write(" ")
document.writeln(questions[quest].qstring)
document.write("\n")
document.write(" </td>\n")
document.write(" </table>\n")
document.write(" </td>\n")
document.write(" </tr>\n")
document.write(" <tr height=10></tr>\n")
document.write(" ")
for (i=0; i<numdo; i++) {
myname=questions[quest].qname;
gadget="radio";
if (type>=3) gadget="text";
else if (type==1) {
myname+="_"+(i<9?"0":"")+(i+1);
gadget="checkbox";}
document.write("\n")
document.write(" <tr>\n")
document.write(" <td width=\"1%\" valign=\"top\">")
document.write(" <input type="+gadget+" name=\""+myname);
if (type<3) document.write("\" value=\""+i+"\">\n")
else document.write("\" class=\"input\" value=\"\">\n")
document.write("</td>\n")
document.write(" <td width=\"99%\" class=answer align=\"left\">")
if (type<3) document.write(questions[quest].response);
document.write("</td>\n")
document.write(" </tr>\n")
document.write(" ")
}
document.write("\n")
document.write(" </table>\n")
document.write(" </td>\n")
document.write(" <td background=\"s_table_dx_bord.gif\"><img src=\"s_table_dx_bord.gif\" width=\"26\" height=\"1\"></td>\n")
document.write(" </tr>\n")
document.write(" </table>\n")
document.write(" </td>\n")
document.write(" </tr>\n")
document.write(" <tr> \n")
document.write(" <td> \n")
document.write(" <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n")
document.write(" <tr> \n")
document.write(" <td><img src=\"s_table_dn_sx.gif\" width=\"42\" height=\"23\"></td>\n")
document.write(" <td background=\"s_table_dn_bord.gif\" width=\"100%\"><img src=\"s_table_dn_bord.gif\" width=\"1\" height=\"23\"></td>\n")
document.write(" <td><img src=\"s_table_dn_dx.gif\" width=\"26\" height=\"23\"></td>\n")
document.write(" </tr>\n")
document.write(" </table>\n")
document.write(" </td>\n")
document.write(" </tr>\n")
document.write(" </table>\n")
document.write(" <br>\n")
document.write(" ")
}
function doTest() {
var count, i;
count=questions.length;
for (i=0; i<count; i++) doQuestion(i);
}
function fill(s,l){
s=s+""
for (y=1;y<=l;y++)
if (s.length>=l) break; else s="0"+s;
return s
}
function CheckQName(wapf,ii,i,multi,selection){
var len;
if (!multi) return(wapf.elements[ii].name==questions.qname);
len=questions.qname.length;
if (wapf.elements[ii].name.substring(0,len)!=questions.qname) return false;
if (wapf.elements[ii].name.substring(len,len+1)!="_") return false;
if (eval(wapf.elements[ii].name.substring(len+1,len+3))==(selection+1)) return true;
return false;
}
function errore(uno,due,tre)
{
if (!errori) winr.document.write("<H3>You have made the following errors</H3>");
++errori;
winr.document.write("<p><b>"+uno+"</b><br>"+due+"<br>"+tre+"</p>");
}
function correct(wapf)
{
var i, ii, t, re, tmp, selection, multi, type, isnull, iswrong, iscorrect, evaluation=0, total=0, udat;
errori=0;
udat=new Array();
for (i=0, ii=0; i<wapf.elements.length; i++)
{tmp=wapf.elements;
if (tmp.name.substring(0,13)=="Quiz.UserData"){
t=tmp.name.substring(14,tmp.name.length);
re=new RegExp("_", "g");
t=t.replace(re," ");
udat[ii++]=t+": <i>"+tmp.value+"</i><br>";}}
winr=window.open('','wapres', 'titlebar=1,location=0,directories=0,menubar=1,toolbar=0,scrollbars=1,resizable=1,status=1')
winr.document.write("<html><head><title>Results</title><BASE target='_blank'></head><body bgcolor='#FFFFFF'><font face='Verdana, Arial'><table border=0 cellpadding=0 cellspacing=0 width='100%' bgcolor='#C0C0C0'><tr><td width='100%'><font face='Verdana, Arial' size=5 color='#FFFFFF'><b> Results</b></font></td></tr></table>")
now= new Date()
winr.document.write("<small><p>"+fill((now.getMonth()+1),2)+"/"+fill(now.getDate(),2)+"/"+now.getYear()+" "+fill(now.getHours(),2)+":"+fill(now.getMinutes(),2)+"</p>")
if (udat.length>0) {
winr.document.write("<b>Information</b><br>\n");
for (i=0; i<udat.length; i++) winr.document.write(udat);}
for (i=0; i<questions.length; i++) {
type=questions.type;
if (type==1) multi=1;
else multi=0;
isnull=true;
iscorrect=false;iswrong=false;
selection=0;
evaluation=0;
for (ii=0; ii<wapf.elements.length; ii++) {
if (CheckQName(wapf,ii,i,multi,selection)) {
if (type>=3 && wapf.elements[ii].value!="") {
isnull=false;
if (wapf.elements[ii].value.toLowerCase()==questions.corrects.toLowerCase()) iscorrect=true;
else iswrong=true;
++selection;}
else if (wapf.elements[ii].checked) {
if (isnull) isnull=false;
if (questions.corrects[selection]=="1") iscorrect=(iswrong==false)?true:false;
else {
iswrong=true;
if (multi) errore(questions.qname,"The checkbox <i>"+questions.response[selection]+"</i> shouldn't have been selected.",questions.explan)
}} else {
if (questions.corrects[selection]=="1") {
iswrong=true;
if (multi) errore(questions.qname,"The checkbox <i>"+questions.response[selection]+"</i> should have been selected.",questions.explan);
}}
++selection;
}}
if (multi==false && (isnull || iswrong)) {
var okresp, z;
if (type>=3) okresp=questions.corrects;
else {
for (z=0; z<questions.corrects.length; z++) {
if (questions.corrects[z]==1) {
okresp=questions.response[z];
break;
}}}
errore(questions.qname,"The right answer was <i>"+okresp+".</i>",questions.explan);
}
if (isnull) evaluation+=questions.ifnull;
else if (iswrong) evaluation+=questions.ifwrong;
else if (iscorrect) evaluation+=questions.ifcorrect;
total+=evaluation;}
if (errori) {var voc=(errori==1)?"":"s";winr.document.write("<br><b>You have made "+errori+" error"+voc+".</b>");}
else winr.document.write("<h3>Congratulations, you haven't made any errors</h3>")
{var voc=(total==1)?"":"s";winr.document.write("<br><b>Total score: "+total+" point"+voc+".</b><br>");}
winr.document.write("</small><hr noshade><center><form>")
printest=(((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)>='4')) || (navigator.appVersion.lastIndexOf('MSIE 5') !=-1))? 'print()': 'alert("This button can be used with Netscape Navigator 4 or Microsoft Internet Explorer 5 only. If you want to print with other browsers, please select the Print command in the File menu.")'
winr.document.write("<input type='button' value='Print...' onClick='"+printest+"'> ")
winr.document.write("<input type='button' value='Close' onClick='window.close()'></form></center>")
winr.document.write(aknw)
winr.document.close()
if (navigator.appVersion.lastIndexOf('MSIE 3') == -1) nomsie3=true
else nomsie3=false
if (nomsie3) winr.focus()
}
aknw="<br><p align='center'><small><small>Created and managed with <a title='Click here to visit WebQuiz site' href='http://www.smartlite.it/go.asp?OLDLP' target = '_blank'>SmartLite WebQuiz</a></small></small></p>"