הערה:

רכיבי Widget מסוג Spry מוחלפים ברכיבי Widget של jQuery ב-Dreamweaver CC ואילך. בעוד שניתן עדיין לשנות רכיבי Widget קיימים מסוג Spry בדף, לא תוכל להוסיף רכיבי Widget חדשים מסוג Spry‏.

אודות רכיב Widget מסוג תיאור כלי

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

רכיב Widget מסוג תיאור כלי כולל את שלושת הרכיבים הבאים:

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

  • רכיבי הדף המפעילים את תיאור הכלי.

  • הסקריפט של רכיב הבנייה. זהו JavaScript הקובע ל-Spry ליצור את התפקוד של תיאור הכלי.

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

זכור את הנקודות הבאות כשאתה עובד עם רכיב Widget מסוג תיאור כלי:

  • תיאור כלי פתוח ייסגר לפני שתיאור הכלי הבא ייפתח.

  • תיאורי כלים מוצגים כל זמן שהמשתמש מצביע על האזור המניע.

  • אין מגבלות על סוגי התגים שניתן להשתמש בהם כגורם מניע ועל תוכן תיאור הכלי. ‏(מומלץ תמיד להשתמש ברכיבים ברמת הגוש, כדי להימנע מבעיות עיבוד אפשריות בין דפדפנים שונים).

  • כברירת מחדל, תיאור הכלי מוצג 20 פיקסלים מתחת ומימין למצביע. ניתן להשתמש באפשרויות ההסטה Horizontal ו-Vertical ב-Property inspector כדי להגדיר נקודת תצוגה מותאמת אישית.

  • כרגע אין דרך להציג תיאור כלי פתוח כשדף נטען בדפדפן.

רכיב Widget של תיאור כלי דורש מעט מאד כללי CSS. Spry משתמש ב-JavaScript כדי להציג, להסתיר ולמקם את תיאור הכלי. ניתן לקבל כל סגנון אחר לתיאור הכלי בעזרת טכניקות CSS סטנדרטיות, כפי שדורש הדף. הכלל היחידי הנכלל בקובץ CSS של ברירת המחדל הוא מעקף לבעיות ב-Internet Explorer 6, כך שתיאור הכלי יופיע מעל רכיבי טופס או אובייקטים של Flash.

להסבר מקיף בנושא אופן הפעולה של רכיבי Widget מסוג תיאור כלי של Spry, כולל ניתוח מפורט של הקוד של רכיב מסוג זה, ראה www.adobe.com/go/learn_dw_sprytooltip_il.

לסרטון וידאו בנושא עבודה עם רכיב Widget מסוג תיאור כלי של Spry, ראה www.adobe.com/go/lrvid4046_dw_il.

הוספת רכיב Widget מסוג תיאור כלי

  1. בחר Insert >‏ Spry >‏ Spry Tooltip.

הערה:

ניתן גם להוסיף רכיב Widget מסוג תיאור כלי בעזרת הקטגוריה Spry בחלונית Insert.

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

ניתן גם לבחור רכיב קיים בדף (לדוגמה, תמונה), ולאחר מכן להוסיף את תיאור הכלי. כשעושים זאת, הרכיב שנבחר פועל כגורם המניע של תיאור הכלי החדש. הבחירה חייבת לכלול תג מלא (לדוגמה, תג img או תג p) כדי ש-Dreamweaver יוכל להקצות לו מזהה, אם עדיין לא הוקצה לו מזהה.

אפשרויות עריכת רכיב Widget מסוג תיאור כלי

ניתן להגדיר אפשרויות לצורך התאמה אישית של התנהגות רכיב Widget מסוג תיאור כלי.

  1. רחף מעל תוכן תיאור הכלי בדף, או הצב את נקודת ההכנסה בתוך התוכן.

  2. לחץ על הכרטיסייה הכחולה של רכיב Widget מסוג תיאור כלי כדי לבחור בה.

  3. הגדר אפשרויות ב-Property inspector של רכיב Widget מסוג תיאור כלי בהתאם לצורך.

Name

שם המכל של תיאור הכלי. המכל כולל את תוכן תיאור הכלי. כברירת מחדל, Dreamweaver משתמש בתגי div כמכל.

Trigger

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

Follow Mouse

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

Hide on Mouse Out

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

Horizontal Offset

מחשב את המיקום האופקי של תיאור הכלי יחסית למיקום המצביע. ערך ההסטה הוא בפיקסלים, והסטת ברירת המחדל היא 20 פיקסלים.

Vertical Offset

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

Show Delay

ההשהיה באלפיות-השנייה לפני שתיאור הכלי מוצג לאחר כניסת המצביע לאזור של הגורם המניע. ערך ברירת המחדל הוא 0.

Hide Delay

ההשהיה באלפיות-השנייה לפני שתיאור הכלי נעלם לאחר יציאת המצביע מאזור הגורם המניע. ערך ברירת המחדל הוא 0.

Effect

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

עבודה זו בוצעה ברישיון של Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  הודעות המתפרסמות ב- Twitter™‎ ו- Facebook אינן מכוסות בתנאי Creative Commons.

הצהרות משפטיות   |   מדיניות פרטיות מקוונת