Object doesn't support this property or method

יום שלישי, יולי 10, 2012

בפוסט הזה סיפרתי מי הם הדפדפנים התומכים בגישה ישירה ל – id של אלמנט בלי להשתמש בפונקציית getElementById. בפוסט הזה סיפרתי למה לא כדאי להשתמש ב – javascript במשתנים ללא הגדרה של var. כעת נראה עוד סיבה טובה לזה. נסתכל על הקוד הבא: <head>     <script>         onload = function () { ...

HTML5 – Table of Content

יום רביעי, ינואר 25, 2012

  כתבתי די הרבה על נושאים שונים של HTML5, וחשבתי לרכז את כולם.   בשונה ממדריכים אחרים שכתבתי, הפוסט הזה אינו מרוכז לפי סדר מסויים, אלא מגוון רחב של פיצ'רים שהסביבה נותנת.   אני מחלק את זה לשינויים ב - HTML, תוספות של CSS ופונקציונליות חדשה ב - JS - כמובן שישנם חידושים שחופפים ואפשר היה להצמיד אותם גם ל - CSS וגם ל - JS, אך מיקמתי אותם היכן שנראה לי יותר מתאים.   חשוב לשים לב שבחלק מהפוסטים יש כותרת של What new in IE8 וכדומה, אל דאגה - כאן שמתי אך ורק פוסטים של HTML5, כלומר שינויים של IE שמוגדרים מהתקן.     HTML HTML5 - HTML...
תגיות: , , ,
אין תגובות

X-UA-Compatible meta tag

יום שלישי, ינואר 24, 2012

  מהימים בהם התחלנו לקבל גרסאות חדשות של IE - קבלנו את היכולת להריץ את IE כאילו בגרסאות ישנות יותר וזאת בעזרת כלי הפיתוח של IE  לחיצה על F12 - ושינוי ה - Document Mode.   ברור מאיליו שזה כלי נהדר למפתחים שיכולים לראות כיצד האתר ייראה בגרסאות שונות של IE (מעניין שאין יכולת כזאת בדפדפנים המתחרים).     מה שלא כל המפתחים יודעים הוא - שניתן "להכריח" את הדפדפן להציג את האתר ב - Document Mode שנבחר, נרצה לעשות זאת למשל אם אין לנו תקציב לדאוג שהאתר יראה כמו שצריך ב - IE9 ואנחנו רוצים להשאר בגרסה 8 של הדפדפן.   כל מה שצריך לעשות הוא להוסיף את תגית...
אין תגובות

HTML5 Geolocation

יום רביעי, אפריל 13, 2011

  ישנם הרבה אפליקציות המתבססות על מיקום המשתמש, כמו אפליקציות המציגות מידע בהתבסס על מיקום המשתמש כגון תחנות דלק או מסעדות וכד'.   הרבה פעמים האפליקציות ירצו לדעת את המיקום של המשתמש כדי לאסוף סטטיסטיקות אודות המיקומים שממנו גולשים לאפליקציה שלהם.   בעבר כדי לכתוב אפליקציות מהסוג הזה היו שני אופציות, או שהיו מתקינים אצל הלקוח תוכנה כלשהי שיודעת לתת את המיקום שלו בהתבסס על GPS או שהיו מנסים לחשב את המיקום שלו לפי IP בהתבסס על בסיסי נתונים המסתובבים ברשת.   אבל מעולם לא היה את האופציה לכתובת אפליקציות מבוססות מיקום בצד הלקוח – כלומר html  ו – javascript בלבד.   התקן החדש מגדיר API לעבודה עם...
אין תגובות

הפרדת הטאבים לשורה נפרדת משורת הכתובת בגרסה החדשה של אינטרנט אקספלורר

יום רביעי, אפריל 6, 2011

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

Internet Explorer AddIn using SHDocVw and mshtml

יום רביעי, מרץ 30, 2011

  כיצד אפשר לייצר AddIn שמוסיף קטעי html לכל הדפדפנים (IE) הפתוחים   (תודה לתומר קיסר על העזרה)   ראשית נוסיף את Microsoft.mshtml (זהו dll המאפשר שליטה על תוכן html - דוגמה לשימוש תוכלו לראות בפוסט Working with Microsoft.mshtml in c#)   לאחר מכן נוסיף את SHDocVw זה אמור להיות ב - C:\Windows\System32 (זהו dll המאפשר גישה לכל הדפדפנים הפתוחים)     כעת נרצה לקבל את כל החלונות הפתוחים, נריץ את הקוד הבא:   private static List<IWebBrowser2> GetIEWindows() {     List<IWebBrowser2> list = new List<IWebBrowser2>();       ShellWindows windows = new ShellWindows();       foreach (IWebBrowser2 item in windows)     {         if (item.Document is HTMLDocument)         {             list.Add(item);         }     }       return list; }   IWebBrowser2 מגיע מ...

document.createTextNode

יום רביעי, מרץ 23, 2011

  כיצד להוסיף טקסט לאלמנטים בצד לקוח (ושיעבוד בכל הדפדפנים)     כידוע ב - IE קיים InnerText וב - Firefox יש את textContent (שמגיע מהתקן ו - IE9 כבר תומך בו)   jQuery לדוגמא בפונקציה text בודק באיזה דפדפן אנחנו נמצאים כרגע.     כדי לכתוב בצורה פשוטה ונכונה יותר ושיתמוך בכל הדפדפנים אני בדרך כלל מעדיך לכתוב קוד כזה   element.appendChild(document.createTextNode('text'));  
אין תגובות

Internet Explorer 9 Pin Site

יום שלישי, מרץ 15, 2011

כיצד לתת למשתמשים ב – IE9 חווית משתמש טובה יותר בעזרת Pin Site.   הקדמה: בהרצאה שלי ב – SDP על IE9, HTML5, CSS3 דברתי על התכונות החדשות של הדפדפן, בפוסט זה נראה חלק מהתכונות המעניינות של הדפדפן.   כמשתמשים במערכת ההפעלה Windows 7 אנחנו יודעים שאפשר לנעוץ אפליקציות ב – Task Bar וליהנות ממגוון אופציות כמו Jump List בלחיצה ימנית על האפליקציה. בנוסף יש לנו את ה – Thumbnail ולפעמים יש בו לחצנים...
אין תגובות

Drag & Drop DOM Elements using HTML5 and JavaScript

יום רביעי, נובמבר 17, 2010

9 כיצד אפשר לגרור אלמנטים בעמוד בעזרת javascript ו - HTML5   בהמשך לפוסטים על IE9 נראה כיצד אפשר בקלות בעזרת HTML5  לגרור אלמנטים בעמוד (מומלץ לקרוא את ההגדרות של drag & drop אצל W3C)   נניח שיש לנו את ה - html הבא <style type="text/css">     body     {         font-family: Arial;     }     div     {         border: solid 1px black;         background-color: Silver;         width: 200px;         height: 200px;         position:absolute;     } </style> <div ondrag="dragStartHandler(event)">     shlomo Goldberg<br />     shlomo Goldberg<br />     shlomo Goldberg<br />     shlomo Goldberg<br />     shlomo Goldberg<br />     shlomo Goldberg<br /> </div>   <script>     function dragStartHandler(event) {         event.effectAllowed = 'move';         event.srcElement.style.top = event.y + 'px';         event.srcElement.style.left...
תגובה אחת

What is new in IE9 – HTML5 Selection APIs

יום שני, נובמבר 8, 2010

כיצד אפשר לדעת מה הטקסט שהמשתמש כרגע בחר בשימוש עם HTML5   בהמשך לפוסטים על IE9 נראה הפעם כיצד בעזרת שימוש ב - HTML5 Selection APIs שהוגדר בתקן - ניתן לשלוף את הטקסט שהמשתמש בחר.     נניח שיש לנו את ה - html הבא   <div>     Shlomo Goldberg -> What's new in IE9 </div> <input type="text" id="myCtr" value="Shlomo Goldberg -> What's new in IE9" />   <input type="button" value="Select Window" onclick="selectdText()" /> <input type="button" value="Select Input" onclick="selctedTextInput()" />   כדי לקבל את הטקסט שהמשתמש בחר מתוך הדף (כלומר לא מ - input) נריץ את הקוד הבא   function selectdText() {     alert(getSelection()) }   כדי לקבל את הקטסט שהמשתמש בחר בתוך input מסוג text, נריץ את הקוד הבא   function...
אין תגובות