ראשי > תפריטי dhtml נשלפים > צביעת גיליונות הסגנון

צביעת גיליונות הסגנון

crossBrowser();
if (!document.all) 
 {document.ids.itemlayer.color=menuTEXT;
  document.ids.headlinelayer.color=headTEXT;}
else { document.styleSheets[0].addRule
("div.item",
"color:"+menuTEXT, 0);
       document.styleSheets[0].addRule
   ("div.item",
"background-color:"+menuBGCOLOR, 0);
   document.styleSheets[0].addRule
   ("div.headline",
"color:"+headTEXT, 0);
   document.styleSheets[0].addRule
   ("div.headline",
"background-color:"+headBGCOLOR, 0);}
document.linkColor = menuTEXT;
document.alinkColor = menuTEXT;
document.vlinkColor = menuTEXT;
clearPop2        = 0;

</script>
</head>

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

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

כעת כשרוב הסקריפט במקומו, זה הזמן ליצור את התפריטים עצמם. למרות שהתפריטים בנויים בהכרח מתבנית html , הם ייוצרו בעזרת סקריפטים.

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