ראשי > תפריטי dhtml נשלפים > בנייה לא מושלמת חלק 1

בנייה לא מושלמת  : חלק 1

התוכן של כל תפריט יוכל בתוך רובד בודד. לבסוף, כל הרבדים ימוקמו בתוך החלון החדש שיתנהג כמו תפריט נשלף. חשוב לזכור שהתוכן של התפריטים האלה חייב להיות ניתן לשינוי בקלות גם על ידי אדם שאינו מתכנת, שיתחזק את האתר בשביל הלקוח בעתיד. אנחנו מתחילים על ידי יצירת קובץ שיכיל קישורים לתפריטים. הקובץ הזה יוצר מערך לכל נושא. כל מערך מכיל את נתוני הקישורים בזוגות של טקסט ולאחריו כתובת אינטרנט. נקרא לקובץ בשם menus.js .

annuities_links=new Array(
"Link 1","http://link1.html",
"Link 2","http://link2.html"
)

auto_links=new Array(
"Link 1","http://link1.html",
"Link 2","http://link2.html",
"Link 3","http://link3.html"
)

business_links=new Array(
"Link 1","http://link1.html",
"Link 2","http://link2.html",
"Link 3","http://link3.html",
"Link 4","http://link4.html"
)

health_links=new Array(
"Link 1","http://link1.html",
"Link 2","http://link2.html",
"Link 3","http://link3.html"
)

home_links=new Array(
"Link 1","http://link1.html",
"Link 2","http://link2.html",
"Link 3","http://link3.html"
)

life_links=new Array(
"Link 1","http://link1.html",
"Link 2","http://link2.html",
"Link 3","http://link3.html"
)

personal_links=new Array(
"Link 1","http://link1.html",
"Link 2","http://link2.html",
"Link 3","http://link3.html"
)

ratings_links=new Array(
"Link 1","http://link1.html",
"Link 2","http://link2.html",
"Link 3","http://link3.html"
)

state_links=new Array(
"Link 1","http://link1.html"
)

toolbox_links=new Array(
"Link 1","http://link1.html",
"Link 2","http://link2.html",
"Link 3","http://link3.html"
)

features_links=new Array(
"Link 1","http://link1.html",
"Link 2","http://link2.html"
)

help_links=new Array(
"Link 1","http://link1.html",
"Link 2","http://link2.html",
"Link 3","http://link3.html"
)

sponsor_links=new Array(
"Link 1","http://link1.html"
)

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

מבידוד התוכן של התפריט בתוך הקובץ menus.js ירוויח הלקוח, שלא יצטרך להיכנס לעומק הקוד של התוכנית כדי לשנות ולעדכן את התפריטים.

כל המבנה של התפריטים, כלומר הרבדים, וחלק מהקוד שיקבע את ההתנהגות של התפריט, יוכל בתוך קובץ יחיד שיוטען לתוך החלון של התפריט. הקובץ ייקרא popups.html. שאר הקוד בחלון התפריט ישולב בתוך הדף המקורי של הלקוח. נמשיך מכאן על ידי התבוננות בחלון של התפריט עצמו, popups.html

לעמוד הקודם      לעמוד הראשי        לעמוד הבא