Internet Explorer 8 Part 1 - Simple WebSlice
די אהבתי את הרעיון של כתיבת
סדרת פוסטים, זה נותן את היכולת להקיף נושא מסויים מכל הצדדים שלו.
אז חשבתי לכתוב סדרה על הפיצ'רים של IE8, ותודה
לגיא על העזרה.
כתבתי בעבר על - כמה זה קל לייצר
Web Slice, בפוסט הזה אני אתחיל מההתחלה, נראה איך לייצר Web Slice פשוט, ונתקדם (בפוסטים הבאים) לתכונות מתקדמות של Web Slice.
מה זה בעצם WebSlice בכלל ?
(מתוך העזרה של Windows - לצערי העזרה של 7 windows היא באנגלית, גם אם אני משנה את שפת התצוגה לעברית)
A Web Slice is a specific portion of a webpage that you can subscribe to, and which enables you to see when updated content—such as the current temperature, or a changing auction price—is available from your favorite websites. Once you have subscribed to the Web Slice, it appears as a link on the Favorites bar. When the Web Slice is updated, the link on the Favorites bar will appear with bold formatting. You can then click the link to see the updated content.
הנקודה החשובה בהבנה של WebSlice - שהוא יודע להציג מקטע מתוך דף אינטרנט ולהתעדכן אוטומטית.
נראה דוגמא, ואז נראה איך מממשים את זה.
בעבודה השוטפת שלי אני אחראי להקים את האתר לסטודנט של
סלע, אחד מהדפים הוא "הודעות לסטודנט" נניח שהוא נראה כך:
כדי לראות את ההודעות הסטודנט צריך להיכנס לאתר של סלע, ולגלוש לדף של הודעות לסטודנט, בעזרת IE8 אני יכול להקל עליו את התהליך,
כדי לראות את ההודעות, הוא בסך הכך יצטרך ללחוץ על לינק ב - Favorites Bar (מתוך כל דף) והוא יראה את ההודעות.
כדי להוסיף את ההודעות כ - WebSlice לדפדפן, מה שהסטודנט צריך לעשות - זה ללכת עם העכבר על התוכן של ההודעות והוא יקבל את המסגרת הירוקה מסביב לתוכן.
והוא ילחץ על הסמל הירוק מצד שמאל למעלה,
או במידה והוא רוצה לראות את כל ה - WebSlice שקיימים בעמוד, אפשר ללחוץ על הלחצן Add Web Slice
הסטודנט יקבל את המסך הבא:
כשהסטודנט ילחץ על Add to Favorites Bar, יתווסף ה"הודעות לסטודנטים"
כשהסטודנט ילחץ על הלינק, הוא יקבל את המסך הבא.
וכך הסטודנט יוכל לראות בקלות את ההודעות שהוא מקבל. (בכל פעם שההודעות יתעדכנו - הלינק יהיה מודגש).
אז איך מייצרים Web Slice ?
נכיר את רשימת ההגדרות.
| class="hslice" |
מזהה את התוכן של ה - div שיש לו את ההגדרה, כ - WebSlice |
| id="Uniqe Id" |
מזהה יחודי של אותו div שהוגדר כ - hslice, במידה יהיה יותר מ - hslice אחד עם אותו id, אחד מהם לא יעבוד |
| class="entry-title" |
הכותרת של ה - Web Slice, זה יכול להיות מקונן בתוך ה - entry-content |
| class="entry-content" |
התוכן שיופיע בתוך ה - WebSlice |
לדוגמא:
<div class="hslice" id="StudentMessage" style="width: 320px">
<div class="entry-content">
<div dir="rtl" style="font-family: Arial;">
<span class="entry-title"><b>הודעות לסטודנטים</b></span><ul>
<li>ביום שלישי הבא יתקיים יום פתוח מאת שלמה על C# 4.0 </li>
<li>יום הסטודנט בסלע מתקרב</li>
</ul>
</div>
</div>
</div>