תשמור כל שלב בDIV נפרד, ואת השמות של הdivים האלה תשמור במערך בJS... לכל DIV יהיה גם כפתור שיציג את השלב הבא / הקודם, הכפתור יקרא לפונקציה בJS שתשנה את התצוגה (זה לא מוצג פה, יש הסבר בהמשך)לדוגמא:
<div id="Level1Content" style="display: block;">תוכן שלב 1</div> <div id="Level1">שלב הבא</div><div id="Level2Content" style="display: none;">תוכן שלב 2</div> <div id="Level2">שלב הבא</div> <div id="Level3Content" style="display: none;">תוכן שלב 3</div> <div id="Level3">שלב הבא</div>
|
לחיצה על "שלב הבא" או משהו כזה, תשלח את הid של השלב שאמור להיות מוצג...
לדוגמא:
<a id="Level2" onClick="javascript: updateLevel(this.id);">שלב הבא</a>
|
לחיצה על זה תוביל לupdateLevel, שיעשה משהו כזה:
function updateLevel(levelToShow) { var myLevels= new Array() myLevels = "Level1Content" myLevels = "Level2Content" myLevels = "Level3Content"for(i=0; i<myLevels.length; i++) { document.getElementById(myLevels).style.display = "none"; } document.getElementById(levelToShow + "Content").style.display = "block"; }
|
אין לי מושג אם זה פועל :| אבל אתה מוזמן לנסות :] חח