מדריך DHTML

מדריך DHTML – טפסים (Forms)

עבודה מול אובייקט הטופס

תגיות: DHTML, DOM, Dynamic, form, JavaScript, JS, דינמי, טופס

מדריך DHTML – אובייקט Event

מאפיינים ושיטות של אובייקט הארוע.

תגיות: DHTML, DOM, Dynamic, event, JavaScript, JS, דינמי

מדריך DHTML – אוספים (Collections)

אנחנו משתמשים באוספים כדי לחסוך שימוש ב- ID, פשוט ניגשים אל הטופס או התמונה בעזרת מספר סידורי (index).

תגיות: collection, DHTML, DOM, Dynamic, JavaScript, JS, אוסף, דינמי

מדריך DHTML – עבודה מול ה-DOM

גם שינוי ה-CSS זה חלק מ-DHTML DOM אבל חשבתי שדרך יותר טובה להתחיל את המדריך הזה זה בצורה פשוטה ומוכרת (אני עדיין חושב ככה).

תגיות: DHTML, DOM, Dynamic, JavaScript, JS, דינמי

מדריך DHTML – הקדמה

אז דבר ראשון, DHTML לא קיים, נקודה. זה בעצם HTML דינאמי (בתנועה), שנוצר בעזרת שילוב של כמה שפות. למילה הזאת אין ממש משמעות (חוץ מ-Dynamic HTML) זה פשוט שינוים ב-CSS בעזרת JavaScript והרי שניהם עובדים על HTML אז ככה שזה בלאגן לא קטן, אבל נעשה בו קצת סדר שממנו תוכלו ללמוד ולהבין הלאה בתקווה שתוכלו ליישם את הידע הזה באתר שלכם ברמה גבוהה.

תגיות: DHTML, DOM, Dynamic, JavaScript, JS, דינמי

מדריך DHTML – אובייקט Select

מניפולציות על אובייקט ה-select

תגיות: DHTML, DOM, Dynamic, JavaScript, JS, SELECT, דינמי

מדריך DHTML – אובייקט Window

עבודה עם אובייקט החלון ב-DHTML

תגיות: DHTML, DOM, Dynamic, JavaScript, JS, window, דינמי, חלון

מדריך DHTML – אובייקט Navigator

אובייקט ה"נווט" נותן לך מידע על הדפדפן של המשתמש.

תגיות: DHTML, DOM, Dynamic, JavaScript, JS, Navigator, דינמי

מדריך DHTML – דברי סיכום

סיכום

מדריך DHTML – שינוי עיצוב ו-CSS

אז איך אנחנו גורמים לתגית ב-HTML לשנות את הערכים של העיצוב (CSS) שלה?
אפשר פשוט לפנות אליה בשם שלה ולהגיד לה בקשר לעיצוב שלה, אז נאמר שבא לנו להחליף לה צבע (סתם ככה) אז שתחליף את הצבע שלה לאיזה צבע שבא לנו, למשל: אדום.

תגיות: CSS, DHTML, DOM, Dynamic, JavaScript, JS, דינמי

מדריך DHTML – מטפלי ארועים

Event Handlers, או בתרגום חופשי לעברית מטפלי אירועים, אלה בעצם פקודות שמתבצעות ברגע שמשהו קורה, הלחצן בעכבר נלחץ, העכבר זז, הדפדפן סיים להוריד את המסמך וכו'

תגיות: DHTML, DOM, Dynamic, event, JavaScript, JS, ארוע, דינמי

מדריך DHTML – אובייקט Textarea

זהו החלק האחרון בנושא הטפסים, הוא לא שונה כל כך משאר האלמנטים אבל יש לו אפשרויות נוספות כגון cols ו rows וחוץ מזה הכל דומה, לכן אני לא אבזבז את זמנכם היקר בקריאה חסרת טעם של המילים האלה וניתן לכם את הטבלה עם כל המאפיינים והשיטות

תגיות: DHTML, DOM, Dynamic, JavaScript, JS, textarea, דינמי

מדריך DHTML – אובייקט Table

מניפולציות על טבלאות

תגיות: DHTML, DOM, Dynamic, JavaScript, JS, table, דינמי, טבלה

מדריך DHTML – אובייקט Document

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

תגיות: DHTML, Document, DOM, Dynamic, JavaScript, JS, דינמי

מדריך DHTML – אובייקט Frameset

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

תגיות: DHTML, DOM, Dynamic, frame, Frameset, JavaScript, JS, דינמי

מדריך DHTML – אובייקט Input

אם נרצה, למשל, לעשות DISABLE (לפסול? להטיל מום?) על שדה טקסט אפשר לעשות זאת בעזרת disabled=true

תגיות: DHTML, DOM, Dynamic, Input, JavaScript, JS, דינמי