אלמנט סטיקי

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

מדריך 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

מדריך jQuery – הוספת HTML, מאפיינים ואנימציות

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

מדריך jQuery – פונקציות עבור ניווט בDOM

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