הערה:
רכיבי Widget מסוג Spry מוחלפים ברכיבי Widget של jQuery ב-Dreamweaver CC ואילך. בעוד שניתן עדיין לשנות רכיבי Widget קיימים מסוג Spry בדף, לא תוכל להוסיף רכיבי Widget חדשים מסוג Spry.
רכיב Widget מסוג אימות קבוצת לחצני אפשרויות הוא קבוצה של לחצני אפשרויות המאפשרת אימות של הבחירה. רכיב Widget זה מאלץ לבחור לחצן אפשרויות אחד מהקבוצה.
בדוגמה הבאה מוצג רכיב Widget מסוג אימות קבוצת לחצני אפשרויות במצבים שונים.
A. הודעות שגיאה של רכיב Widget מסוג אימות קבוצת לחצני אפשרויות B. רכיב Widget מסוג אימות קבוצת לחצני אפשרויות
רכיב Widget מסוג אימות קבוצת לחצני אפשרויות כולל שלושה מצבים מעבר למצב הראשוני: חוקי, לא חוקי וערך דרוש. ניתן לשנות את המאפיינים של מצבים אלה בעזרת עריכת קובץ CSS המתאים (SpryValidationRadio.css), בהתאם לתוצאות האימות הרצויות. רכיב Widget מסוג אימות קבוצת לחצני אפשרויות יכול לבצע אימות במספר נקודות: כשמשתמש לוחץ מחוץ לרכיב, כשהוא מבצע בחירות, או שהוא מנסה למסור את הטופס.
כל פעם שרכיב Widget מסוג אימות קבוצת לחצני אפשרויות מזין אחד ממצבים אלה עקב אינטראקציה של המשתמש, הלוגיקה של Spry מחילה מחלקת CSS מוגדרת על מכל HTML של רכיב Widget בזמן הריצה. לדוגמה, אם משתמש מנסה למסור טופס, אך לא סימן שום תיבת סימון, Spry מחיל מחלקה על רכיב Widget זה הגורמת לו להציג את הודעת השגיאה Please make a selection. הכללים השולטים בסגנון ובתצוגה של הודעות השגיאה קיימים בקובץ הנלווה לרכיב Widget – SpryValidationRadio.css.
קוד HTML של ברירת המחדל לרכיב Widget מסוג אימות קבוצת לחצני אפשרויות, בדרך כלל בתוך טופס, כולל תג span של המכל המקיף את התג input type="radio" של קבוצת לחצני האפשרויות. קוד HTML לרכיב Widget מסוג אימות קבוצת לחצני אפשרויות כולל גם תגי script בכותרת המסמך ולאחר קוד HTML של הרכיב.
להסבר מקיף בנושא אופן הפעולה של רכיבי Widget מסוג אימות קבוצת לחצני אפשרויות, כולל ניתוח מפורט של הקוד של רכיבים מסוג זה, ראה http://www.adobe.com/go/learn_dw_spryradio_il.
הערה:
ניתן גם להוסיף רכיב Widget מסוג קבוצת לחצני אפשרויות בעזרת הקטגוריה Spry בחלונית Insert.
ניתן להגדיר מתי יתבצע האימות – כשמשתמש לוחץ מחוץ לרכיב Widget, כשהוא מבצע בחירות, או כשהוא מנסה למסור את הטופס.
כברירת מחדל, רכיב Widget מסוג אימות קבוצת לחצני אפשרויות דורש שהמשתמש יבצע בחירה לפני מסירת הטופס. עם זאת, ניתן לקבוע שהבחירות של המשתמש יהיו אופציונליות.
ניתן לציין ערך שיירשם כערך ריק או לא חוקי אם המשתמש יבחר לחצן אפשרויות שאחד מערכים אלה שויך לו. אם המשתמש בוחר לחצן אפשרויות עם ערך ריק, הדפדפן מחזיר את הודעת השגיאה Please make a selection. אם המשתמש בוחר לחצן אפשרויות עם ערך לא חוקי, הדפדפן מחזיר את הודעת השגיאה Please select a valid value.
למרות שמפקח המאפיינים מאפשר לבצע פעולות עריכה פשוטות ברכיב Widget מסוג אימות קבוצת לחצני אפשרויות, הוא אינו תומך בסגנון עיצוב מותאם אישית. ניתן לשנות את כלל CSS לרכיב Widget מסוג אימות קבוצת לחצני אפשרויות כדי שתוכל ליצור רכיב בסגנון הרצוי לך. לרשימה מתקדמת יותר של משימות עיצוב, ראה www.adobe.com/go/learn_dw_spryradio_custom_il.
כל כללי CSS בנושאים הבאים מתייחסים לכללי ברירת המחדל השמורים בקובץ SpryValidationRadio.css. Dreamweaver שומר את הקובץ SpryValidationRadio.css בתיקייה SpryAssets באתר כל פעם שאתה יוצר רכיב Widget של Spry מסוג אימות קבוצת לחצני אפשרויות. עיון בקובץ זה יכול להועיל, משום שהוא כולל מידע לגבי סגנונות שונים החלים על רכיב זה.
הערה:
למרות שניתן בקלות לערוך כללים לרכיב Widget מסוג אימות קבוצת לחצני אפשרויות בקובץ CSS הנלווה, ניתן גם להשתמש בחלונית CSS Styles כדי לערוך את סגנון CSS של הרכיב. החלונית CSS Styles עוזרת לאתר מחלקות CSS שהוקצו לחלקים שונים של רכיב Widget, במיוחד אם אתה משתמש במצב Current של החלונית.
הקובץ SpryValidationRadio.css כולל הערות מפורטות, המסבירות את הקוד ואת המטרה של כללים מסוימים. למידע נוסף, ראה ההערות בקובץ.
כברירת מחדל, הודעות שגיאה לרכיב Widget מסוג אימות קבוצת לחצני אפשרויות מופיעות באדום, עם גבול אחיד בעובי פיקסל אחד מסביב לטקסט.
-
לשינוי סגנון הטקסט של רכיב Widget מסוג אימות קבוצת לחצני אפשרויות, היעזר בטבלה הבאה לאיתור כלל CSS המתאים, ושנה את מאפייני ברירת המחדל, או הוסף מאפייני וערכי עיצוב טקסט משלך:
טקסט לקביעת סגנון
כלל CSS מתאים
מאפיינים רלוונטיים לשינוי
טקסט של הודעת שגיאה
.radioRequiredState .radioRequiredMsg, .radioInvalidState .radioInvalidMsg color: #CC3333; border: 1px solid #CC3333;
הודעות המתפרסמות ב- Twitter™ ו- Facebook אינן מכוסות בתנאי Creative Commons.