عملکرد Dreamweaver چیست؟
وقتی عملکردی را به یک صفحه وب اضافه می کنید Dreamweaver، Functionهای جاوا اسکریپت و فراخوانی های Functionها را درج می کند و این امکان را برای کاربر فراهم می سازند تا با صفحه وب تعامل داشته باشد یا باعث رخ دادن اتفاق شود. یک فراخوانی فانکشن، کدی است که به یک شیء اضافه می شود. این کد فانکشن را راه اندازی نموده و اطلاعات مورد نیاز را برای آن ارسال می کند.
وقتی عملکردی را درج می کنید Dreamweaver کارکردی را در بخش <head> صفحه وب می نویسد. فانکشنی که عملکرد Swap Image را کنترل می کند، MM-swapImage نامیده می شود. کد موجود در فانکشن تا زمانی که رخدادی روی صفحه آن را راه اندازی کند فعال نمی شود. کد فانکشن تا زمانی که راه اندازی شود در بالای صفحه منتظر می ماند.
مثلاً فانکشن MM-swapImage معمولاً با رخداد onMouseOver راه اندازی می شود (این رخداد هنگامی اتفاق می افتد که کاربر مکان نمای خود را روی شیئی که عملکرد به آن ضمیمه شده است می لغزاند). وقتی کاربر ماوس خود را روی یک تصویر که عملکرد به آن ضمیمه شده است می لغزاند رخداد مزبور عملکردی را راه اندازی می کند که تصویر مبدأ را به تصویر دیگری تبدیل می-نماید.
یک عملکرد عملی است که از طریق یک رخداد راه اندازی می شود یا می توانید آن را به صورت زیر تعریف کنید: عملکرد=عمل+رخداد
عملها کد جاوا اسکریپتی هستند که Dreamweaver در صفحه وب شما درج می کند.
رخداد عملی از کاربر است که مرورگر آن را می گیرد مثلاً کلیک کردن یک دکمه روی یک صفحه وب رخداد OnClick را راه اندازی می کند.
می توانید عملکردهای متعددی را به یک شیء ضمیمه کنید. هر رخداد می تواند چندین عمل را راه اندازی کند.
نمایش دادن و پنهان کردن لایه ها
نام عملکرد Show-Hide Layers به خوبی همه چیز را در مورد آن بیان می کند. با استفاده از این عملکرد می-توانید یک لایه را در صفحه وب نمایش دهید یا آن را پنهان کنید. یک عملکرد معمولاً به شیئی که از آن تأثیر می گیرد، اعمال نمی شود. بنابراین باید یک شیء را روی صفحه بیابید که عملکرد را راه اندازی کنید. مثلاً Dreamweaver به شما اجازه نمی دهد که عملکرد Show-Hide Layers را به لایه ای اعمال کنید که می خواهید آن را پنهان نمایید.
برای شروع به کار باید یک تصویر یا یک پیوند را اضافه کنید تا کلیک کاربر را بگیرد و لایه را پنهان نماید. اگر هنوز لایه ای را در صفحه موردنظر در اختیار نداشته باشید Dreamweaver عملکرد Show-Hide Layers را در منوی پایین افتادنی Add Action نمایش نمی-دهد. بنابراین قبل از افزودن عملکرد مزبور باید لایه ای را به صفحه وب اضافه کنید.
انتخاب یک عملکرد
حال باید از عملکرد Show-Hide Layers استفاده کنید. هنگام استفاده از عملکرد Show-Hide Layers نامگذاری لایه ها از اهمیت بالایی برخوردار است. کادر محاوره Show-Hide Layers تمام لایه های موجود در صفحه را برحسب نام آنها نمایش می¬دهد. بنابراین لازم است لایه¬های مزبور نامهای معنادار داشته باشند. در لایه موردنظر متنی را تایپ کنید، تصویری را در آن درج نمایید یا رنگ پس زمینه ای به آن بدهید تا بتوانید تأثیر عملکرد را در مرورگر ببینید.
ابتدا سایتی را در Dreamweaver تعریف کرده و صفحه HTML جدید را ایجاد کنید. برای افزودن عملکرد Show-Hide Layers به یک پیوند به صورت زیر عمل کنید:
1-لایه ای ایجاد کرده و صفت رویت پذیری آن را روی پنهان تنظیم کنید.
2-متن یا تصویر دلخواهی را به محلی از صفحه وب اضافه کنید. با کلیک کردن روی تصویر یا متن و تایپ عبارت: javascript در کادر Link مربوط به Property یک پیوند تهی را به آن بیفزایید.
3-پنل Behaviors را باز نموده و در جایی از پیوند تازه ایجاد شده، کلیک کنید. مطمئن شوید که برچسب <a> (عنوان) در نوار عنوان گروه پنل Tag، قابل رویت است. این بدان معناست که ما عملکرد مزبور را به برچسب <a> (برچسبی که پیوند را اجرا می کند) اعمال می کنیم.
4-در پنل Behaviors روی دکمه (+)Add Action کلیک کنید. عملکرد Show-Hide Layers را برگزینید. کادر محاوره Show-Hide Layers ظاهر می شود.
5-کادر محاوره Show-Hide Layers کل لایه های موجود در صفحه لیست می¬کند. در این کادر محاوره سه دکمه وجود دارد که عبارتند از:Show، Hide و Default. لایه صحیح را شاخص کرده و روی دکمه Show کلیک کنید. بدین ترتیب کلمه Show در پرانتزی در کنار نام لایه مزبور ظاهر می شود.
6-برای ذخیره تغییرات ایجاد شده روی دکمه ok کلیک کنید.
.svg)
.svg)
.svg)
