Simple jQuery menu

יום שני, דצמבר 2, 2013

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

הפיתוח בעולם החדש

יום חמישי, נובמבר 21, 2013

לאחרונה הרציתי במרכז השתלמויות של בית יעקב בירושלים, על הפיתוח בעולם המתחדש ומה הכיוון שאילו אנחנו הולכים בעולם ה - WEB וה -Windows (בהתמקדות בטכנולוגיות מייקרוסופט) מצורפת המצגת. (מומלץ להוריד - הצפייה ב - google docs הופכת את העברית אנגלית) אורך ההרצאה כשעה וחצי, אולי בהמשך אדאג להעלות הסרטה שלה, בכל מקרה לבקשת משתתפות אני מעלה כרגע את המצגת לבלוג. להלן רשימת הנושאים: HTML5 קצת היסטוריה על עולם ה – WEB ותהליך התקדמות התקן. מדוע ועל מה יצא הקצף על HTML4. מה הבשורה ומה מיוחד ב – HTML5. ממה מורכב HTML5. האם אפשר כבר היום לפתח עם התקן החדש (רמז – דפדפנים). HTML6, HTML7 ??? ASP.NET MVC  היסטוריית טכנולוגיות פיתוח אתרים בעולם...
תגובה אחת

Ajax inside html5 worker

יום שלישי, אוקטובר 1, 2013

אחד מהדברים שפחות עושים ב – Worker זה פנייה לשרת ב – ajax. אבל יש מקרים שבהם עושים זאת, הבעייה עם אותם מקרים, שלא ניתן להשתמש ב – jQuery ajax מכיוון ש – jQuery הינה ספריית DOM ואין גישה ל – UI בתוך ה – worker, הפיתרון הפשוט (או המסובך) זה כמובן להשתמש ב – XMLHttpRequest – אבל זה בהחלט לא יהיה כיף. כתבתי אובייקט קטן העוטף את XMLHttpRequest לשימושים פשוטים כדי שהשימוש יהיה יותר נוח. דוגמא לשימוש: ...
תגיות: , , , , , ,
3 תגובות

handle jquery drag and resize look – 3

יום שלישי, ספטמבר 17, 2013

בפוסטים הקודמים נכנסתי להגדרות שונות של jquery ui resize and drag. אחד מהמאפיינים של resize הוא aspectRatio המאפשר לשלוט האם הגדלה של האלמנט תשמור על היחס רוחב-גובה, מה שלא מצויין שם בדוקמנטצייה שבמידה ולחוצים על shift זה בכל מקרה ישמור על היחס רוחב-גובה, גם אם הגדרנו שלא רוצים שמירה על היחס. ההגדרה האוטמטית קצת הפריעה לי, לכן כתבתי קוד שמבטל אותו (זה אמנם דרש קצת צלילה פנימה לתוך הקוד שלהם – מכיוון שלא מצאתי תיעוד לזה, אבל בסוף התגברתי) ...
תגיות: , ,
אין תגובות

Static google map creator

יום שלישי, יולי 30, 2013

חבר טוב שלי בקש שאצור לו דף html פשוט המאפשר להכניס קצת הגדרות עבור google maps ולקבל תמונה סטטית של המפה. כל הקוד נמצא כאן. הדף יראה כך: המשתמש יכניס כתובת, יגדיר את ההגדרות וילחץ על צור מפה, התוצאה תהיה התמונה שאנחנו רואים. בלינק להורדת קוד המקור תוכלו לראות את קוד ה – html, כאן נראה את הקוד שרץ בזמן לחיצה. (הקוד מתבסס על jquery, ועל ספרייה המאפשרת קוד בסגנון string.format וכמובן הסקריפט של גוגל) ...
תגיות: , , , , , ,
תגובה אחת

Download file from WCF service using WebGet

יום ראשון, יולי 14, 2013

נשאלתי כיצד ניתן להוריד קובץ pdf משירות WCF התומך ב – WebGet. (להורדת קוד המקור) קוד צד השרת הוא פשוט, בסך הכול להחזיר stream (בדוגמא הבאה השתמשתי ב – PdfSharp) Code Snippet public class FileService : IFileService {     public Stream GetFile() ...
תגיות: , , , ,
אין תגובות

knockout js – one way binding, two way binding

יום שישי, יולי 5, 2013

בהמשך לפוסטים על KO, הפעם נדבר על סוגי ה – bindings השונים. tow way binding – כל שינוי באובייקט מעדכן את ה – UI, וכל שינוי ב – UI מעדכן את האובייקט. one way binding UI to Object – שינוי ב – UI מעדכן את האובייקט אבל שינוי באובייקט לא מעדכן את ה – UI. one way binding Object to UI – שינוי באובייקט מעדכן את ה – UI, שינוי ב – UI לא מעדכן את...
תגיות: , , , , ,
2 תגובות

Using HTML5 FileApi to show images from byte array

יום שני, יוני 24, 2013

הרבה מאוד פעמים יהיה לנו קוד שפונה ב – ajax לשרת מקבל מידע כלשהו, וחלק מהמידע מחזיק url לתמונה כלשהו שנטען דינמית,. קוד מהסוג הזה יכול להיראות כך, המודל שנחזיר מהשרת. Code Snippet public class DataModel {     public int Id { get; set; }...
תגיות: , , , , , ,
אין תגובות

mousemove with direction data using jQuery

יום שישי, יוני 21, 2013

התבקשתי לכתוב קוד לפי מיקום העכבר וכיוון ההתקדמות שלו – הבעייה עם המשימה הזו שהמידע שיש ברישום לאירועי הזזת העכבר לא מכיל את הכיוון – לכן כתבתי את הקוד הבא: Code Snippet <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript">     var mouseDirection...
תגובה אחת

jQuery progress bar label

יום חמישי, מאי 2, 2013

בקשו ממנו להשתמש ב – jquery progress bar ולהציג את האחוזים מתחת ל – progress bar צמוד לערך שלו, כלומר משהו כזה:   הדרך לעשות זאת היא פשוטה, בהינתן שיש לנו את ה – html הבא: Code Snippet <div class="wrapper"> ...
תגיות: , ,
תגובה אחת