שלום לכולם,

אני בונה לומדה שמבוססת על HTML ו JAVASCRIPT.
בניתי מספר שאלות בלומדה שמונחות ומופעלות ע"י JS,
שלמשתמש יש מספר פעמים שהוא יכול לענות ובמידה ולא מצליח הדף מציג לו את התשובה הנכונה עם חיווי מתאים.
שהוא מסיים עם הניסיונות השאלות "ננעלות" שאי אפשר ללחוץ על הכפתורים ו"נפתח" כפתור לעמוד הבא.

כיצד אוכל לעשות שאם המשתמש חוזר לעמוד הקודם הוא יראה את החיווי והתשובות שבחר?
הרי כל פעם שחוזרים חזרה לעמוד הסקיפט "מתאפס" וחוזר להתחלה.
לפי מה שנראה לי צריך להעביר איכשהו את המידע מעמוד לעמוד שאם הוא יחזור חזרה הסקריפט יקבל את המידע וידע להציג אותו בהתאם.

מה עושים?
יש למישהו רעיון? שיהיה כמה שיותר פשוט ואם אפשר בלי שינויים קיצוניים בהגדרות כי מדובר בלומדה עם הרבה שאלות.


המון המון תודה מראש לעוזרים!!
אודה לתגובה מהירה ככל האפשר...

אולי תנסה להעביר את המידע דרך ה-URL (ב-JS יש אפשרות להציג את ה-URL הנוכחי)

חשבתי אולי להעביר את הנתונים לפריים הזה ולמשוך מהפריים כל פעם את הנתונים.
איך עושים זאת?

הלומדה מחולקת ל2 פריימים.
פריים אחד הוא מן תפריט שבתוכו ניתן יהיה לשמור את התשובות של השאלות.
יש איך להעביר נתונים מסקריפט שבפריים אחד לסקריפט שבפריים השני?

ציטוט:

במקור נכתב על ידי stomer יש איך להעביר נתונים מסקריפט שבפריים אחד לסקריפט שבפריים השני?

יש:
http://www.w3schools.com/htmldom/pr...entdocument.asp
מידע מורחב יותר:
http://www.w3schools.com/htmldom/dom_obj_frame.asp

לדעתי יהיה לך הרבה יותר פשוט לעבוד בצד שרת.

בכל מיקרא, אתה יכול לשמור קוקיס, או לעשות שדה מיחוץ לפרימים, שבו אתה שומר את הנתונים.

קוד:

function setCookie(name, value, days)
{
    var today = new Date(), expire = new Date();

    expire.setTime(today.getTime() + 3600000 * 24 * days);
    document.cookie += name + "=" + escape(value) + ";expires=" + expire.toGMTString();
}

// After the user selects the wrong answer...
setCookie('wronganswers', '2,5,12' /* Answer IDs */, 2);

לא בדקתי, אמור לעבוד (כמובן שתצטרך לבדוק אם העוגיה מכילה את ה-ID של השאלה בטעינה של העמוד)...

אולי תנסה לדמות עמודים על ידי כך שכל השאלות יהיו בעמוד אחד אך כולן חוץ מהראשונה בלתי נראות וככה לפי הסדר כאשר המשתמש ענה אל אחת מהשאלות השכבה שבה השאלה נעלמת והשכבה עם השאלה הבאה מופיעה וכן הלאה...

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://muzx.net/files/public/avatars/1208187486.gif]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://muzx.net/files/public/avatars/1188591880.gif]

באמת פתרונות יצירתיים אבל..

האם אפשר בכל זאת ליצור משתנה שיהיה בתוך הפריים הקבוע (פריים של תפריט).
שפשוט בכל פעם שהוא יענה על שאלה, אני אוסיף פונקציה שהוא ילחץ על הכפתור של הבא, היא תכניס למשתנה שנמצא בפריים את התשובה.

ולפני הצגת שאלה תהיה בדיקה האם הוא ענה על התשובה בעבר ואם כן אז יציגו לו את התשובה שהוא ענה.
איך כותבים את זה?
בניתי משנה בפריים בעזרת מערך כי נראה לי שזה הכי נכון במקום הרבה משתנים שונים.
האם לתת לפריימים ID ולקרוא למשתנים ככה?

קוד:

 x=parent.document.getElementById("menu")

לקרוא לערך ולהכניס לו ערך?
אם אני אדע איך לבצע זאת השאר (הפונקציות בדיקה) אני אסתדר.

ושוב תודה על התגובות!

ציטוט:

במקור נכתב על ידי stomer באמת פתרונות יצירתיים אבל.. האם אפשר בכל זאת ליצור משתנה שיהיה בתוך הפריים הקבוע (פריים של תפריט). שפשוט בכל פעם שהוא יענה על שאלה, אני אוסיף פונקציה שהוא ילחץ על הכפתור של הבא, היא תכניס למשתנה שנמצא בפריים את התשובה. ולפני הצגת שאלה תהיה בדיקה האם הוא ענה על התשובה בעבר ואם כן אז יציגו לו את התשובה שהוא ענה. איך כותבים את זה? בניתי משנה בפריים בעזרת מערך כי נראה לי שזה הכי נכון במקום הרבה משתנים שונים. האם לתת לפריימים ID ולקרוא למשתנים ככה? קוד: x=parent.document.getElementById("menu") לקרוא לערך ולהכניס לו ערך? אם אני אדע איך לבצע זאת השאר (הפונקציות בדיקה) אני אסתדר. ושוב תודה על התגובות!

לא כל כך מובן מה הכוונה בפריים ?
האם התכוונת ל-iFrame ? (ממש לא מומלץ הן מבחינת אבטחה והן מבחינת התיישנות השיטה).

כמו שהזכרתי תוכל לעשות כך שבכל שלב כשלוחצים על הבא השכבה (או תא בטבלה) תעלם.
כל הפרמטרים שאתה רוצה לשמור יכנסו למערך ואז תופיע השאלה הבאה.

הנה לך דוגמא פשוטה:

קוד PHP:

 <script type='text/javascript' language='javascript'>
    if(answers.lenght < 1){
var answers = new array();
}
 
function getNextQuastionAndSaveThisAnswer(position, answer, currentQuestion, nextQuestion){
answers[position] = answer;
var currDiv = document.getElementById(currentQuestion);
var qaDiv    = document.getElementById(nextQuestion);
 
if(qaDiv.style.display=='none'){
    qaDiv.style.display = 'block';
    curraDiv.style.display = 'none';
}
 
return answers;
}
</script>
 
<div id="firstQuestion" style='display:none;'>
<form>
Qeustion: What is the biggest city in Israel ?
Answer: <input id='answer' type='text' value='' />
<input type='button' onclick='getNextQuastionAndSaveThisAnswer(1, this.answer.value, 'firstQuestion', 'secondQuestion');'
</form>
</div>
<div id="secondQuestion" style='display:none;'>
<form>
Qeustion: Who was the first president of Israel ?
Answer: <input id='answer' type='text' value='' />
<input type='button' onclick='getNextQuastionAndSaveThisAnswer(2, this.answer.value, 'secondQuestion', 'thirdQuestion');'
</form>
</div>
...
 
... 


זה הרעיון, אני תאמת הייתי מעדיף צד שרת. אולי יקח קצת יותר זמן לרנדר שינויים אך הרבה יותר מאובטח ויעיל.

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://muzx.net/files/public/avatars/1208187486.gif]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://muzx.net/files/public/avatars/1188591880.gif]

ציטוט:

האם התכוונת ל-iFrame ? (ממש לא מומלץ הן מבחינת אבטחה והן מבחינת התיישנות השיטה).

אין כאן בעיה של אבתחה. כי כמה אפשר לאבתח ב-JS? אתה לא יכול להוריד את האתר עם זה, אבל אתה יכול לרמות בשאלות. וזה בלי קשר עם אתה משתמש ב-iFrame או לא.