Browse by Tags

HTML5 - Canvas
16 January 12 08:11 AM | Shlomo | with no comments

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

תגים:DEV, JavaScript, html, html5

החשכת המסך בזמן פניית ajax של jquery
03 November 11 01:56 PM | Shlomo | with no comments

(ושוב תודה ל חיים בריקמן - על השיתוף) לרוב כשאנו עושים פעולת ajax נרצה לתת למשתמש אינדקציה שמשהו קורה, בג'ימל אנו מקבלים הודעת Loading בצהוב בראש העמוד, כשעובדים עם Update Panel יש Control שעושה את העבודה בצורה אוטומטית. כאן נראה כיצד ניתן להחשיך את המסך ולהציג במרכזו אנימציה בזמן פניית ajax. ( כאן הדגמתי כיצד לעשות זאת ידנית - בזמן לחיצה על כפתור) בקובץ js מרכזי (שכל הדפים מכילים אותו) נכתוב את הקוד הבא: $.ajaxSetup({ beforeSend: function () { var $window = $(window); var $body = $( 'body'...

תגים:DEV, Ajax, JavaScript, jQuery, js

VisualStudio 2010 JavaScript & CSS Outlining - AddIn חובה לכל מפתח WEB
02 November 11 11:37 PM | Shlomo | with no comments

כל מי שמפתח Web ב - Visual Studio מתי שהוא כנראה "ברך" את מייקרוסופט למה אין את האופצייה של כיווץ פונקציות בקבצי java script, וחלוקה לקטעי region. לא עוד. התקינו את ה - AddIn הבא http://jsoutlining.codeplex.com/ , ותהנו מחיי פיתוח טובים יותר. הוא מכווץ כל פונקציה, וכל משפט המתפרש על יותר משורה אחת (פקודות if ופונקציות אנונימיות וכדו') נוסף על כך ניתן להוסיף קטעי region על ידי כתיבה כזו: //#region RegionName //#endregion תהנו

תגים:DEV, JavaScript, Visual Studio, AddIn

background-position RTL jQuery plugin
25 October 11 09:23 PM | Shlomo | with no comments

כיצד להגדיר background-position כשמדובר באתרים עם rtl ? התחלתי לעצב אתר כשקבלתי עיצוב מותאם לאנגלית והייתי צריך לשנות אותו לעברית, על ההתחלה נתקלתי בבעייה הבאה: נקח לדוגמא את ה - css הבא: body { background-image : url('Penguins.jpg') ; background-repeat : repeat-y ; background-position-x : 30px ; } css פשוט ביותר שיגרום לתמונה מסויימת להתחיל בשלושים פיקסל ימינה, מה יקרה עם נוסיף את השורה הבאה: direction : rtl ; האתר יעבור לצד ימין, כשתמונת הרקע נשארה תקועה בצד שמאל, בעוד שהכוונה כרגע שמצד...

תגים:DEV, JavaScript, html, CSS, jQuery, html5, css3, js

File Upload: Cannot access a closed file.
25 October 11 10:14 AM | Shlomo | 1 comment(s)

אם יצא לכם לכתוב פקד המאפשר להעלות קבצים לשרת, שומר אותם ב - Session ומתי שהוא תנסו לקרוא את התוכן של הקבצים, ייתכן שתקבלו את השגיאה: Cannot access a closed file. ( הורדה של קוד מקור ). בפוסט זה אני אדגים כתיבה של פקד כזה (פקד פשוט מאוד - עבור הדוגמא) וכיצד לפתור את הבעייה. נכתוב דף בשם uploader.aspx, קוד ה - html: < form id ="form1" runat ="server"> < div > < asp : FileUpload runat ="server" ID ="fu1" /> < asp : Button Text ="Upload"...

תגים:DEV, Web, JavaScript, config, html, jQuery

שליחת ערך מסוג enum ל - Controller ב - asp.net mvc
04 October 11 09:07 AM | Shlomo | with no comments

לאחרונה התחלתי לעבוד עם asp.net mvc, אני מגלה בו הרבה דברים מעניינים שאכתוב עליהם בתקופה הקרובה, במשימה האחרונה שלי ניסיתי לכתוב action ב - controller שמקבל כפרמטר ערך עבור enum, הקוד היה נראה כך: בצד ה - controller public enum MyEnum { A = 0, B = 1, C = 2 } public ActionResult Save( MyEnum myEnum) { return Json(myEnum); } בצד ה - view < input type ="button" value ="Save" onclick ="save()" /> < script > function save() { $.ajax( { url: ' @ Url.Action...

תגים:DEV, Ajax, Web, JavaScript, mvc

jQuery - part 1
31 August 11 10:13 PM | Shlomo | with no comments

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

תגים:DEV, JavaScript, jQuery, js

רישום לאירוע בזמן סגירת הדפדפן
29 August 11 04:17 PM | Shlomo | 2 comment(s)

אחד מהדברים שאנחנו כמפתחי WEB נתקלים בהם מידי פעם, היא כיצד לדעת מתי הדפדפן נסגר, בדרך כלל הסיבה שאנחנו רוצים לדעת זאת היא בכדי לנקות Session שאין צורך בו עוד, אך לא רק. הבעייה הגדולה עם הרצון לדעת מתי המשתמש לחץ על ה - X הוא שזה נוגד את חוקי ה - Security של הדפדפן, הפיתרון הלכאורה פשוט הוא להרשם לאירוע unload ולכתוב קוד כלשהו, הבעייה עם השיטה הזו היא שאירוע זה קורה בכל PostBack מה שאומר שאם יש טופס עם לחצנים כל לחצן יפעיל את הקוד שלכאורה אמור להתבצע רק בזמן סגירת הדפדפן. באחד הייעוצים בהם הייתי...

תגים:DEV, JavaScript, html, WebService, iE

העלאת קובץ לשרת ישירות אחרי הבחירה שלו
19 June 11 05:14 PM | Shlomo | 2 comment(s)

בתפוז שאלו כיצד אפשר לגרום להעלאת הקובץ ישירות אחרי שבחרו אותו ללא צורך בלחיצה על לחצן שיעשה PostBack. כמובן שאפשר להשתמש ב - FileUplaod של ajax contorl toolkit. במידה ומשתמשים בפקד של asp.net ניתן לפתור את זה בצורה הבאה: 1. לשים לחצן שלא רואים אותו (ע"י style). 2. להרשם לפונקציה של onchange ב - FileUpload. 3. ללחוץ מ - js על הלחצן המוסתר. הקוד יראה כך: < asp : FileUpload runat ="server" ID ="fu" onchange ="doCustomPostBack()"></ asp : FileUpload > <...

תגים:DEV, JavaScript, תפוז

הפעלת פונקציה ב - Silverlight מתוך קוד javascript
02 June 11 09:46 AM | Shlomo | with no comments

תודה ל איתמר ריבר על העזרה בפוסט זה. כדי להפעיל פונקציה בקוד ה - silverlight מתוך ה - javascript נצטרך לעשות מספר פעולות פשוטות. ראשית על המחלקה שמכילה פונקצייה שנרצה להפעיל מקוד JS נשים attribute בשם ScriptableType [ ScriptableType ] public class MyLogicClass { } על כל פונקציה שנרצה להפעיל מ - JS נשים ScriptableMemeber [ ScriptableMember ] public bool IsTextOk( string str) { return str == "str" ; } דבר אחד נוסף, ב - Application_Startup (בקובץ App.xaml.cs) נוסיף את הקוד הבא. HtmlPage .RegisterScriptableObject...

תגים:DEV, JavaScript, silverlight

RegExp javascript
04 April 11 11:09 PM | Shlomo | 1 comment(s)

הקדמה. כמעט כל שפה תומכת בעבודה עם Regular Expression, לשפה זו יש יכולות חזקות בעבודה עם מחרוזות והיא מאוד עוצמתית ומהירה. יש לה אכן תחביר מוזר שצריך להתרגל אליו ולהכיר אותו (או לחפש כל פעם את הביטוי המתאים) בפוסט זה אני אעשה מעבר מהיר על הפונקציות השונות של RegExp ואיך עובדים איתו - אני לא אסביר על התחביר של regular expression אלא אני יוצא מתוך הנחה שיש לכם כבר אחד מוכן ואתם רוצים לדעת כיצד משתמשים בו. בניית ביטויים. כדי לייצר מופע של RegExp ניתן לעשות השמה של הביטוי לתוך משתנה או להשתמש ב - ctor...

תגים:DEV, Web, JavaScript, js

From string to bool in javascript
26 March 11 10:45 PM | Shlomo | 1 comment(s)

כששומרים משתנה בוליאני ב - cookie או ב - storage זה נשמר כמחרוזת, הבעייה כשמנסים להוציא את הערך ולשים אותו למשל ב - checkbox תמיד ה - checkbox יהיה מסומן מכיוון שגם אם הערך הוא "false" נקבל true, בגלל שכתיבה של הקוד הזה: chk.checked = "false" ; זהה לקוד הבא: chk.checked = !( "false" == true ); או לזה: chk.checked = !( "false" == false ); כדי להמיר את הערך (שנשמר כמחרוזת) ניתן להרחיב את האובייקט String. String.prototype.ToBool = function () { return this .toLowerCase...

תגים:DEV, JavaScript, Extension Method, js

מי תומך בגישה ישירה לאלנטים ב - DOM בלי להפעיל את document.getElementById
24 March 11 01:39 PM | Shlomo | 2 comment(s)

אני מניח שהקוד הבא די ברור < div id ="rightCell"> </ div > < script type ="text/javascript"> var rightCell = document.getElementById( 'rightCell' ); rightCell.appendChild(document.createTextNode( 'Shlomo Goldberg' )); </ script > זה בסך הכול יוסיף ל - div את הטסקט Shlomo Goldberg. אבל מה יקרה אם נריץ את הקוד הבא: < div id ="rightCell"> </ div > < script type ="text/javascript"> rightCell.appendChild...

תגים:DEV, JavaScript, Internet Explorer, html, dom

document.createTextNode
23 March 11 05:16 PM | Shlomo | with no comments

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

תגים:DEV, JavaScript, jQuery, html5, ie9, internet Explorer 9

#if DEBUG in javascript
21 December 10 06:41 PM | Shlomo | 2 comment(s)

כיצד לדעת האם האפליקציה בשלבי פיתוח או שהיא בשרת - בצד הלקוח באתר " ערוץ השידורים של מכללת סלע " רציתי לדעת האם אני במוד DEBUG או לא. ראיתי פוסט של פיני בנושא , אבל להשתמש עם Sys.Debug עושה לי כמה בעיות. ראשית הוא עובד רק במידה ומגדירים את המאפיין ScripMode ל - Debug או ל - Release, במידה וזה מוגדר ב - Auto המאפיין isDebug בצד הלקוח תמיד מחזיר true, בנוסף אצלי זה מוגדר תמיד ב - Release בגלל הבעיה שתארתי כאן . כדי שאוכל לדעת באיזה מוד האפליקצייה נמצאת כתבתי את הקוד הבא: protected void Page_Load...

תגים:DEV, JavaScript, Script Manger