ویژگی Name در عناصر Html هنوز مهم است.

چند روز پیش برای فراخوانی یک تابع با استفاده از Ajax در MVC و آپدیت کردن بخشی از صفحه به این مسئله برخورد کردم که به نظر می رسید Ajax.BeginForm هیچ مقداری را به سرور ارسال نمی کند:

// View

// Controller

بعد از کمی کار خسته شدم و این سئوال را در StackOverFlow پرسیدم که متاسفانه هیچ جواب مثبتی نگرفتم و حتی جوابهای گمراه کننده ، نظیر این " Ajax.BeginForm خیلی دردآور (بد قلق) است. " نیز دریافت کردم. تا اینکه بر حسب اتفاق متوجه شدم که برای عناصر Html صفحه فقط ویژگی id تعریف کرده ا م و ویژگی قدیمی name را فراموش کرده ام. خیلی جالب بود که با اضافه کردن آن مساله حل شد! خیلی ساده اما وقت گیر. هر دو ویژگی id و name لازم هستند:

چگونه دکمه like را به سایت یا وبلاگ خود اضافه کنیم؟

با اوج گیری فیس بوک در سالهای اخیر، اصطلاح facebook Programming (برنامه نویسی فیس بوک) نیز جایگاه ویژه ای در دنیای برنامه نویسی پیدا کرد، به طوریکه برخی از شرکتهای برنامه نویسی، آن را جز لیست مهارتهایی که از یک داوطلب کار انتظار دارند، قرار داده اند. در واقع فیس بوک با راه اندازی بخش برنامه نویسی خود در آدرس http://developers.facebook.com به برنامه نویسان این امکان را می دهد تا در سه بخش "برنامه‌نویسی برای وب سایت" ، برنامه‌نویسی برای موبایل" و "برنامه‌نویسی برای اپلیکشن‌ها" بتوانند ارتباط و مبادلات خود را با فیس بوک برقرار کنند. به عنوان مثال شما می‌توانید با اضافه کردن اسکریپت زیر یک دکمه like به وبلاگ یا سایت خود اضافه کنید که کاربران فیس بوک بتوانند علاقه خود را به مطالب شما نشان دهند: 

در این کد شما می بایست به جای YOUR_URL، آدرس کامل وب سایت یا صفحه یا پست خود را قرار دهید. 
در بخش "برنامه نویسی برا ی موبایل " نیز براحتی با اضافه کردن کلاسهای فیس بوک می توانید نرم افزار خود را به فیس بوک پیوند دهید. (لینک ) 

آموزش MVC - قسمت هشتم - نمایش Autocomplete DropDownList در MVC

قسمت هشتم آموزش MVC را نیز در سایت www.30sharp.com/mvc.aspx قرار دادم. این قسمت درباره نحوه نمایش AutoComplete DropDownList در MVC  است. امیدوارم مفید باشد.

افزودنیهای مرورگر کروم

افزودنیهای کروم واقعا محشرند: ساده ، کارا، سبک و رایگان! لیست افزودنیهای محبوب را ببینید (آنقدر زیادند که من نتونستم به ته لیست برسم). این چند مورد را امتحان کنید: نمایشگر تعداد ایمیل ها، دیکشنری (با تلفظ ) ، web developer ، Blog this، FireBug Lite (همه با یک کلیک دانلود و نصب می شوند) دراین لیست آنهایی که یک نوار سبز با علامت تیک دارند، دارای رتبه بالاتر از 4 (از 5) می باشند. 

در صورتی که از نصب آنها پشیمان شدید روی آیکون آچار فرانسه کلیک کنید، سپس با انتخاب Tools و Extentions هر کدام را که دوست نداشتید پاک کنید. 

متد ()on. در JQuery 1.7

متدِ .on() در Jquery نگارش 1.7 متد ترجیحی برای چسباندن یک event handler (مثل click  ) به یک عنصر صفحه (مثل دکمه ) می باشد. در حالی که در نگارشهای قبلی متدهایی مانند bind()  ، .delegate() یا .live()  این عمل را انجام می دادند. فرم کلی آن :

.on(events[, selector, data], handler )

Events : می تواند یک یا بیشتر از یک event باشد (مثل click ، mouseOver و ... )

Selector : (اختیاری ) عنصری از صفحه که متد را برای آن تعریف می کنیم (مثل div یا button  )

Data : (اختیاری) اطلاعاتی که زمان رخ دادن این event به handler  پاس می دهیم (می تواند هر نوع اطلاعاتی از جمله id  یا value  عنصر باشد )

Handler : دستورات یا توابعی که می خواهیم در صورت رخ دادن این event اجرا شوند.

مثال:

$("#dataTable tbody tr").on("click", function(event){

      alert($(this).text());

});

در این مثال اگر رویداد click به بدنه سطری از جدولی به نام dataTable چسبانده شده و باعث می شود که متن درون آن سطر نمایش داده شود.

مرجع و مثالهای بیشتر را در این صفحه ببینید:

http://api.jquery.com/on/

مشاهده صفحات طراحی شده در چند مرورگر

ویژال استودیو صفحات وب را بصورت پیش فرض در مرورگر IE  باز می کند و یکی از نگرانیهای طراحان وب این است که نمی‌دانند که صفحه ای که طراحی می‌کنند، در مرورگرهای مختلف چگونه دیده می‌شود و آیا تنظیمات ظاهری ( CSS ) آن بدرستی نوشته شده است یا خیر؟ برای حل این مسئله می‌توانید افزونه WOVS را دانلود و نصب کنید. با نصب این افزونه نوار ابزاری به ویژال استودیو اضافه می‌شود که می توانید مرورگر را براحتی تغییر دهید: 

برای نصب این افزونه به سایت آن مراجعه و آن را دانلود کنید. پس از دانلود فایل آن را اجرا و ویژال استودیو را باز و بسته کنید تا بتوانید آنرا ببینید. 

این مرورگر گاهگاهی Update می شود که باید برای نصب نسخه جدبد آن در ویژال استودیو از منوی Tools گزینه Extention Manager   را انتخاب کنید و در پنجره باز شده از گرینه های سمت چپ گزینه Update را انتخاب کنید تا نسخه جدید نصب شود.

یکی از مزایای این ابزار این است که می توانید با کلیک راست روی هر فایل در ویژال استودیو، آن را در مرورگر دلخواه خود ببینید: