پاورپوینت HTML برنامه رویداد محور و فرم

پاورپوینت HTML برنامه رویداد محور و فرم (pptx) 22 اسلاید

دسته بندی : پاورپوینت

نوع فایل : PowerPoint (.pptx) ( قابل ویرایش و آماده پرینت )

تعداد اسلاید: 22 اسلاید

قسمتی از متن PowerPoint (.pptx) :

1 HTML برنامه رویداد محور و فرم 2 Agenda event-driven programs onload, onunload HTML forms & attributes button, text box, text area selection list, radio button, check box, password, hidden, … JavaScript form events properties: name, type, value, … methods: blur(), focus(), click(), … event handlers: onblur(), onfocus(), onchange(), onclick(), … advanced features & techniques windows & frames, timeouts, cookies 3 برنامه های وابسته به رخداد ها زبانهای C++ و جاوا معمولا بصورت سریال اجرا می شوند: از تابع main شروع می کنیم و از اولین خط به صورت ترتیبی اجرا می کنیم. ممکن است برنامه دارای حلقه یا کد شرطی باشد، اما در هر صورت اجرای برنامه قدم به قدم خواهد بود. برنامه دارای شروع و پایان است و برنامه به ترتیب دلخواه برنامه نویس اجرا می شود. اما محاسبات درون یک صفحه وب بندرت سریال است. صفحه به رخداد هایی مثل کلیک موس یا دکمه ها جواب می دهد. قسمتی از ابزارهای JavaScript اعمالی را مشخص می کنند که در اثر رخداد ها در صفحه وب واقع می شوند. برنامه نویس کنترل زیادی روی ترتیب اجرای کد ندارد. در واقع هیچ ترتیب اجرایی وجود ندارد و صفحه منتظر است تا به رخداد های پیش آمده واکنش نشان دهد. 4 OnLoad & OnUnload ساده ترین رخداد ها، رخداد های OnLoad و OnUnload هستند. خاصیت OnLoad در برچسپ body به کدی اشاره می کند که هنگام بالا آمدن صفحه وب بطور خودکار اجرا می شود. خاصیت OnUnload در برچسب body به کدی اشاره می کند که هنگام بستن صفحه وب بطور خودکار اجرا می شود. Whatever text appears in the page. view page 5 HTML forms اکثر رخداد هایی که نیاز به پردازش دارند مربوط به عناصر فرمها هستند. یک فرم HTML مجموعه ای از عناصر جهت کنترل ورودی و خروجی و رخدادهای صفحه است.

…

عناصر فرم: ورودیها: دکمه، لیست رادیویی، دکمه رادیویی، جعبه کنترلی، رمز ورود و ... ورودی وخروجی: جعبه متن، ناحیه متن و .... فرمها در برنامه نویسی CGI نیز استفاده می شوند. 6 Button Element

ساده ترین عنصر فرم دکمه است. کلیک روی دکمه یک رخداد است. view page 7 Buttons & Functions

برای کارهای پیچیده تر، تابع مورد نظر را بنویسید و به رخداد onclick دکمه وصل کنید. view page 8 Buttons & Windows جعبه alert برای نمایش پیغامهای کوتاه و غیر معمول مناسب است. اما نمایش پیغامهای طولانی و دارای فرمت نیاز به ابزار مناسب تری دارد. alert جزء صفحه نیست و باید کاربر بصورت صریح آنرا ببندد. سوال: آیا می شود از document.write استفاده کرد؟ خیر – چون کل صفحه را تغییر می دهد. می شود یک پنجره جدید باز نمود و آنجا نوشت: var OutputWindow = window.open(); // open a window and assign // a name to that object // (first arg is an HREF) OutputWindow.document.open(); // open that window for writing OutputWindow.document.write(" WHATEVER "); // write text to that // window as before OutputWindow.document.close(); // close the window 9 Window Example

view page 10 Window Example Refined

می توان به تابع window.open آرگومان فرستاد. آرگومان اول HREF را مشخص می کند. آرگومان دوم نام داخلی را مشخص می کند. آرگومان سوم خواص پنجره را تعیین می کند. view page