TayebDev

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

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

נורא קל ליצור את האפקט הזה בעזרת MooTools, ב-MooTools קיימת מחלקה שנקראת (למרבה ההפתעה) Accordion הבנאי שלה מקבל שלושה פרמטרים: מערך “מחזיקים” (handlers), מערך “תכנים” (Content Elements) ופרמטר שלישי אופציונלי - options שבו יהיו הגדרות נוספות.

new Accordion( $$(’.Handlers’), $$(’.Contents’), {} );

שימו לב שניתן להפעיל את זה רק אחרי שכל ה-HTML עלה (באירוע domready או onload).
זה הקוד המינימלי שדרוש בשביל ליצור את האפקט. זה הכל.

MooTools מאפשרת לקנפג את האקורדיון עם כמה אפשרויות:

1. ניתן לקבוע מיהו האלמנט שיוצג ראשון ע”י הוספת show בפרמטר האופציונאלי. המס’ ששמים ב-show זה האינדקס של התוכן שאותו אנחנו רוצים להציג. אם שמים 1- אז שום אלמנט לא יוצג בברירת מחדל.
2. ניתן לקבוע שלא תמיד יהיה אלמנט אחד פתוח ע”י קביעת alwaysHide ל-true בפרמטר האופציונאלי.
3. ניתן לקבוע את האפקטים שיופעלו על האלמנט הנסגר והנפתח ע”י קביעת אחד מהמאפיינים הבאים ל-true:
   height, width, opacity. בפרמטר האופציונאלי.

בנוסף, ניתן להאזין לאירוע onActive שזה אירוע הפתיחה של תוכן מסויים, וניתן להאזין לאירוע onBackground שהוא אירוע הסגירה של תוכן אחר.

כמו שאמרתי, נורא פשוט. קוד לדוגמא תמצאו בקישור למעלה.

שימוש מהנה!

עד היום, IE מאפשר להשתמש בעד 20 עוגיות פר דומיין כמו שהוגדר בספציפיקציה של Netscape. באחד העדכונים האחרונים הועלתה ההגבלה ל-50 עוגיות פר דומיין בדומה לפיירפוקס (ואני מניח שלספארי גם). כלומר אתרים כיום יכולים לשמור הרבה יותר מידע בצד הלקוח (בצורה שהיא cross browser) כך שהמידע יהיה גם מחולק וניתן לפילטור (מהמילה filter) - ככה פחות גולשים יאבדו מידע שאתרים מסויימים מגדירים (לרוב הגדולים והפונקציונאליים).

אבל לא לשמוח כלכך מהר, אמנם מס’ העוגיות שניתן לאכול גדל ל-50, אבל זה אומר שבקשת ה-HTTP תהיה יותר שמנה ותגרום למשתמש לחכות יותר לתגובה מהשרת. במצב של האינטרנט כיום (ובישראל במיוחד) קצב ההעלאה איטי משמעותית ביחס לקצב ההורדה וככל שהבקשה תהיה יותר שמנה ככה יקח לה הרבה יותר זמן להגיע לשרת. מס’ פתרונות שקיימים לבעיה:
1. להקטין את משקל העוגיות - למשל ע”י שימוש בשמות משתנים קצרים.
2. להקטין את מספר העוגיות הנשלחות - ע”י קביעת פרמטר ה-Path שלהן, ככה שבאיזורים מסויימים של האתר ישלחו רק עוגיות ספציפיות ואחרים עוגיות אחרות.

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

תודה ל-InfoQ על הידיעה!