آموزش DHTML – قسمت دوم

آموزش DHTML

 

 

 

مثال های برای آموزش DHTML

 

 

چگونه به یک المنت دستیابی پیدا کنیم و شیوه آن را تغییر دهیم:

 

 

 

چگونه می توان به یک تصویر عنصر دسترسی داشت و خصوصیت “SRC” آن را تغییر داد؟

 

 

 

چگونه می توان به یک عنصر دسترسی داشت؟

عنصر باید یک خصوصیت شناسه تعریف شده و یک فایل آغازگر داشته باشد. JavaScript با اکثر مرورگرها سازگار است بنابراین ما از JavaScript استفاده می کنیم.

 

 

 

ماکرو ها رنگ عنوان عنصر را تغییر می دهند و این خروجی تولید می شود:

 

 

My header

با مدیریت رویدادها شما می توانید بعضی کارها را روی یک عنصر وقتی که رویدادی رخ می دهد انجام دهید.

 

مثال ها

 

 

 

چگونه می توان رنگ یک عنصر وقتی که نشانگر موس بالا و بیرون یک عنصر حرکت می کند را تغییر داد :

 

 

 

 

چگونه می توانید تصویر را تغییر دهید وقتی که روی آن کلیک می کنید و به تصویر اصلی برگردید وقتی که دوباره روی آن کلیک می کنید. مثل روشن کردن یک لامپ.

 

 

فقط وقتی که کلید موس را پایین نگه می دارید آن لحظه لامپ روشن است.

 

 

وقتی که بار گذاری تمام شد یک پیام نمایش می دهد.

 

مدیریت رویدادها با DHTML

 

با مدیریت رویدادها شما می توانید بعضی کارها را روی یک عنصر انجام دهید وقتی که یک رخداد اتفاق می افتد: مثلا وقتی که کاربر روی یک عنصر کلیک می کند، وقتی که صفحه بار گذاری می شود، وقتی که یک شکل ارائه داده می شود، و غیره.

 

<h1 onclick=”style.color=’red'”>Click on this text</h1>

 

مثال بالا یک عنوان تعریف می کند و در صورتی که کاربر روی آن کلیک کند به قرمز تبدیل می شود.

شما همچنین می توانید یک ماکرو در قسمت بالای صفحه اضافه کنید و سپس تابع را از مدیریت رویدادها فراخوانی کنید:

 

 

 

مدیریت رویدادهای HTML4.0

 

 

رخدادها اتفاق می افتد وقتی که . . .
onabort صرف نظر کردن از بارگذاری یک صفحه.
onblur یحذف یک شیئ.
onchange تغییر دادن مقادیر شیئ.
onclick کلیک کردن روی یک شیئ.
ondblclick دابل کلیک کردن روی یک شیئ.
onfocus فعال کردن یک شیئ.
onkeydown پایین نگه داشتن کلیدی از صفحه کلید.
onkeypress فشار دادن کلیدی از صفحه کلید.
onkeyup رها کردن کلیدی از صفحه کلید.
onload وقتی که بارگذاری یک صفحه تمام شد.نکته: در Netscap این رخداد در طول مدت بارگذاری صفحه اتفاق می افتد.
onmousedown کلیک کردن موس.
onmousemove حرکت نمایش گر روی یک شیئ.
onmouseover حرکت نمایش گر بالای یک شیئ.
onmouseout نمایشگر بدون حرکت رو شیئ.
onmouseup رها کردن کلید موس.
onreset بار گذاری مجدد فرم.
onselect انتخاب کردن محتویات یک صفحه.
onsubmit ارائه دادن فرم.
onunload بستن یک صفحه.

 

خلاصه DHTML

 

این خود آموز به شما می آموزد که چگونه از DHTML برای ساخت صفحات پویا و بلادرنگ استفاده کنید.

شما یاد می گیرید که چگونه از ترکیب HTML ، CSS و JavaScript استفاده کنید و به صفحات HTML جان تازه بدهید.

حالا شما می دانید که DHTML چیست، گام بعدی چیست؟

گام بعدی یادگیری در مورد HTML DOM و ASP است.

 

HTML DOM

 

HTML DOM یک روش استاندارد برای دستیابی و دستکاری صفحات HTML تعریف می کند.

HTML DOM یک زبان مستقل و پایه است که می توان با هر زبان برنامه نویسی استفاده کرد مثل: Java,JavaScript و VBScript.

 

ASP

ماکروها در یک فایل HTML روی کلاینت اجرا می شوند ( در مرورگرها ) ولی در یک فایل ASP روی سرور اجرا می شوند.

با ASP شما می توانید صفحات را پویا کنید، تغییر یا اضافه کردن به محتوای یک صفحه وب به داده های ارائه شده از فرم های HTML پاسخ می دهد.دستیابی هر داده به پایگاه داده ها و بازگرداندن به مرورگر باعث بهبود یک صفحه وب شده که آن را برای کاربران اختصاصی مفید می سازد.

از آنجایی که فایل های ASP به عنوان HTML ساده باز گردانده می شوند می توانند در هر مرورگری نمایش داده شوند.

 

 

منبع : w3schools.com

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *