تا اینجا هر چی در مورد CSS گفتیم، کد هامون رو در تگ head تعریف کردیم. اما بعضی وقت ها می خوایم فقط به یک تگ خاص یک خاصیت اضافه کنیم و لازم نمی دونیم اون رو توی head تعریف کنیم. در واقع می خوایم CSS رو در تگ body تعریف کنیم. برای این کار از مدل زیر استفاده می کنیم :
style="property:value"
می بینید که در واقع تفاوت خاصی بیت تعریف CSS در head با body نیست فقط در head ما تگ style ایجاد می کردیم اما در body خاصیت style رو تعریف می کنیم.
باید این مسئله رو یادمون باشه style رو چه در head و چه در body تعریف می کنیم باید با " ; " چند خاصیت رو از هم جدا کنیم. مثلا خواص font-family رو با " ; " از font-size جدا کنیم. اما نیازی نیست بعد از آخرین خاصیت از " ; " استفاده کنیم. اگر هم فقط یک خاصیت داشتیم نیازی نیست. پس مثال پست های قبل رو یک بار بدون " ; " امتحان کنید.
برای نمونه من می خوام این پاراگراف رو با رنگ سبز و متن کج و فونت bkoodak نمایش بدم ( در صورتیکه فونت bkoodak رو سیستم شما نصب باشه می تونید به درستی ببینید).
<p style="font-family: b koodak; font-style: italic; color:#0f0">
برای نمونه من می خوام این پاراگراف رو با رنگ سبز و متن کج و فونت bkoodak نمایش بدم ( در صورتیکه فونت bkoodak رو سیستم شما نصب باشه می تونید به درستی ببینید).
</p>
خب حالا اگه فونت bkoodak رو سیستم شما نصب نبود ظاهر نوشته من بهم میریزه و از فونت پیش فرض مرورگر برای نمایش استفاده می کنه. پس من با نوشتن tahoma یا اسم هر فونت دیگه ای بعد از bkoodak به مرورگر می فهمونم که اگه فونت اولی نبود از فونت دوم و ... استفاده کن. پس کد بالا به صورت زیر در میاد :
برای نمونه من می خوام این پاراگراف رو با رنگ سبز و متن کج و فونت bkoodak نمایش بدم ( در صورتیکه فونت bkoodak رو سیستم شما نصب باشه می تونید به درستی ببینید).
<p style="font-family: B Koodak,Tahoma; font-style: italic; color:#0f0;">
برای نمونه من می خوام این پاراگراف رو با رنگ سبز و متن کج و فونت bkoodak
نمایش بدم ( در صورتیکه فونت bkoodak رو سیستم شما نصب باشه می تونید به
درستی ببینید)
.</p>
تو این پست از ModalPopupExtender میگم.خیلی وقتها شما می خواید که از کاربر یه بله و خیر یا تایید و انصراف بپرسید که یه کاری انجام بدید یا یک پیام به کاربر بدید، ایمیل ارسال کنید یا قالب سایت رو براش تغییر بدید. بدون استفاده از آژاکس چند بار صفحه باید رفرش شه. اما با آژاکس بدونه رفرش کردن صفحه تمام تغییرات رو انجام میدیم.
تو این مثال من با استفاده از ModalPopupExtender به کاربر چند مدل استایل نشون میدم و کاربر با انتخاب هر کدوم استایل مربوطه بر روی صفحه اعمال میشه.
برای دیدن کد ها به ادامه مطلب مراجعه کنید
کنترل AlwaysVisibleControlExtender از نمونه کنترل های Ajax tool kit هست (که در پست قبل نحوه استفاده از اون رو براتون گفتم ).
حالا می خوام استفاده از AlwaysVisibleControlExtender رو براتون بگم. پست هایی که در مورد آژاکس و ASP.Net هست از ویدیوهای سایت ASP.Net براتون میذارم چون شاید خیلی ها نتونن با ویدیو ها رو دانلود کنن.
برای دیدن ادامه مطلب به "ادامه مطلب بروید"
همون طور که تا حالا شنیدید و شاید کار کردید، با آژاکس میشه بدون رفرش کردن و بارگذاری مجدد صفحات کارهایی رو انجام داد و به کاربر نشون داد. مثلا کاربر برای ثبت نام ایمیلش رو وارد میکنه در حالت عادی باید صفحه رفرش بشه تا بفهمیم که آدرس ایمیل درست وارد شده یا نه اما با آژاکس بدون رفرش کردن میشه این کار رو انجام داد.
این رو باید در نظر داشته باشیم که آژاکس فناوری جدیدی نیست بلکه از جاوا اسکریپت و یک شئی به نام xmlhttprequest تشکیل شده.
برای استفاده از آژاکس در ASP.Net باید فایل زیر رو دانلود و اکسترکت کنید. بعد ASPAJAXExtSetup.msi رو نصب کنید و بعد فایل AjaxControlExtender.vsi رو که template آژاکس به قالب های کاری ویژوال استدیو اضافه شه. بعد از این کار برای اضافه کردن کنترل ها به toolbox یه تب جدید باز کنید و dll آژاکس رو از جایی که ASPAJAXExtSetup.msi رو نصب کردید اضافه کنید. حالا تمام کنترل های آژاکس در اختیارتونه.
در پست های بعد سعی می کنم بیشتر در مورد آژاکس بگم.