before & after

בCSS ישנם מס' אלמנטים פיקטיביים, שבעצם לא באמת קיימים, הם אינם חלק מהHTML, אך בCSS ניתן לתפוס אותם ולתת להם הגדרות סטייל שונות. בפוסט הזה נדבר על שתי האלמנטים before & after. האם כל אלמנט HTMLי יכול לקבל before/after? התשובה היא לא. כל אלמנט של HTML שכולל תגית פתיחה ותגית סגירה – מסוגל לקבל before וafter. … להמשך קריאהbefore & after

אלמנט סטיקי

אלמנט סטיקי הינו אלמנט שבחלק מהזמן נגלל רגיל עם העמוד, ובחלק אחר נעוץ לחלון של הדפדפן. הוא משלב בין position: absolute לבין position: fixed. מתי עושים שימוש באלמנט סטיקי? בתפריטים שבמצב הראשוני אינם צמודים לחלק העליון של המסך, ובגלילה הם נצמדים ונשארים שם; ברכיבים צידיים, כמו קישור לצור קשר, כפתורי שיתוף או קישורים לרשתות חברתיות … להמשך קריאהאלמנט סטיקי

משקל של סלקטורים

הפעם נדבר על משקל של סלקטורים. כשיש לנו שתי מופעים של אותה הגדרת CSS עבור אותו אלמנט, מי מכריע? מי דורס את מי וקובע את מה שנראה על המסך? נניח שיש לנו את המבנה הבא: <ul id="drinks"> <li class="favorite">Water</li> <li>Coffee</li> <li>Tea</li> </ul> ואנו נותנים את ההגדרות הבאות: #drinks li{ color: black; font-weight: normal; } .favorite{ … להמשך קריאהמשקל של סלקטורים

מדריך jQuery – הפונקציות each, is, hasClass, filter

בפוסט הזה, שהינו הפרק האחרון במדריך שלנו לספרית jQuery, נדבר על 4 פונקציות חשובות נוספות. הפונקציות each וjQuery.each שהינן פונקציות של לולאה (דומה קצת לforeach של שפת PHP למי שמכיר), הפונקציות is, hasClass שהן פונקציות של שאלה, והפונקציה filter – פונקצית סינון של jQuery, שמאפשרת לנו לסנן את סט האלמנטים שלנו באופנים מורכבים שונים. jQuery.each() … להמשך קריאהמדריך jQuery – הפונקציות each, is, hasClass, filter

מדריך jQuery – AJAX

מה זה Ajax? ajax היא טכנולוגיה שמשמעותה גישה לשרת תוך כדי ריצת העמוד בדפדפן, ללא טעינת העמוד. לפי ויקיפדיה: AJAX (ראשי תיבות של Asynchronous JavaScript And XML) היא טכניקה ליצירת יישומי רשת אינטראקטיביים המבוססים על קוד המורץ במסגרת דף HTML בודד, ולא כיישום מרובה דפים, כמקובל בסביבת ה-Web. מטרתה העיקרית של הטכניקה היא שיפור חוויית … להמשך קריאהמדריך jQuery – AJAX

מדריך jQuery – אירועים – שימוש בפונקציות trigger, one

בפרק הזה נסיים את נושא האירועים בjQuery ונדבר על פונקציות נוספות אחרונות שקשורות לנושא האירועים. הפונקציה trigger שמחוללת אירוע באופן יזום, והפונקציה one – שהיא אחותה של הפונקציה on. .trigger() עד עתה דיברנו על לכידת אירוע שמתרחש ע"י הגולש. אך ישנה אפשרות נוספת – לחולל אירוע באופן ידני – דרך הסקריפט. אחד המקרים הנפוצים לשימוש … להמשך קריאהמדריך jQuery – אירועים – שימוש בפונקציות trigger, one

מדריך jQuery – אירועים – אובייקט האירוע

בכל חלקי הפרק האחרון – בנושא Events של jQuery הקפנו את כל סוגי האירועים שניתן ללכוד באמצעות jQuery. בחלק הזה נדבר אי"ה על אובייקט האירוע של JS. מה הוא מכיל ובמה מתוכו נוכל להשתמש ומתי. מהו אובייקט האירוע, איך ומתי הוא נוצר? כאשר מתחולל אירוע נוצר אוטומטית אובייקט, המכיל מידע שעשוי להיות מעניין אודות האירוע שהתחולל, … להמשך קריאהמדריך jQuery – אירועים – אובייקט האירוע

מדריך jQuery – אירועים – אירועי מקלדת, טפסים, דפדפן וטעינה

בחלק הזה נפרט בעז"ה על אירועים נוספים בjQuery – אירועי מקלדת – שלבים שונים של לחיצה על המקשים, אירועים שקשורים לטפסים, אירועים שקשורים לחלון הדפדפן ואירועים הקשורים לשלבי טעינת העמוד שלנו. אירועי מקלדת .keydown מתרחש בעת לחיצה על מקש כלשהו .keyup מתרחש בעת הרמת האצבע מעל המקש .keypress מתרחש בכל משך הלחיצה אופן השימוש בכל … להמשך קריאהמדריך jQuery – אירועים – אירועי מקלדת, טפסים, דפדפן וטעינה

מדריך jQuery – אירועים – אירועי עכבר

בחלק הקודם דיברנו על הפונקציה החשובה ביותר בפרק על אירועים בjQuery, הלא היא הפונקציה on. הסברנו גם שon אינה פונקצית אירוע ממש, אלא היא דרך להצמיד אירוע לאלמנטים בDOM. בחלק הזה נדון בעז"ה בפונקציות אירועי עכבר בjQuery – לחיצות מסוגים שונים ומעברים מעל, לתוך ומחוץ לאלמנטים, כולל פירוט על כל אחת מהפונקציות. התחביר הבסיסי עבור פונקציות … להמשך קריאהמדריך jQuery – אירועים – אירועי עכבר

מדריך jQuery – אירועים – הפונקציה on

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