برای این آموزش و اعمال تغییرات دلخواهتون روی پنجره ها در چتروم شما نیاز دارید تا فایل dstarter.js رو ویرایش کنید.

این فایل هسته اصلی چتروم شماس بنابراین در طول آموزش سعی کنید فقط مواردی رو که ذکر میکنم ادامه بدید و به کدهای دیگه حتی نگاه هم نکنید.

خب بتدا وارد این سایت میشیم و افکت دل خواهمون رو انتخاب میکنیم

سایت مورد نظر:http://madrobby.github.io/scriptaculous/combination-effects-demo

خب در پایین صفحه میبینم افکت های مختلف نمایش داده شدن و دموی هر کدوم رو میتونید با کلیک کردن روی هر کدوم ببینید.

خب حالا افکت مورد نظر خودتون رو که دوس دارید داخل چترومتون بذارید اسمش رو که داخل همون مربع ها نوشته شده رو کپی کنید و در فایل dstarter.js وارد کتید...

و اما این که باید کجای فایل dstarter.js وارد کنیم

دکمه های ترکیبی ctrl+f رو بزنید و دنبال این عبارت بگردین:showeffect

چیزی حدود 30 تا از این عبارت باید وجود داشته باشه که مربوط به پنجره های مختلف هست.

جلوی عبارتی که جسجتو کردین باید یه همچین کدی وجود داشته باشه:Effect.Appear

عبارت Effect.Appear رو پاک میکنید و اون افکتی که اسمش رو کپی کرده بودید وارد میکنید.

توجه داشته باشید که اسم هر پنجره چن خط بالاتر همین کد وجود داره و شما میتونید به هر پنجره هر افکتی که دوس دارید بدید.

خب تا اینجا فقط تونستیم افکت باز شدن پنجره هارو درست کنیم.برای درست کردن افکت بسته شدن پنجره ها دوباره باید دکمه های ترکیبی ctrl+f رو بزنیم و ایندفه دنبال این عبارت بگردیم:hideeffect

باز هم حدود 30 تا از این عبارت توی فایل وجود داره که مربوط به پنجره های مختلفه و برای تغییر افکت بسته شدن پنجره های مختلف کافیه که عبارت جلوی متنی که جستجو کردیم رو تغییر بدیم و اون افکتی که دوس داریم بذاریم.(معمولا عبارت Effect.Fade رو باید تغییر بدید)

چند نکته که باید دقت کنید:

• برای پنجره خصوصی توصیه میشه که افکت ظاهر شدن یعنی eeffecappear رو دست نزنید و فقط افکت پنهان شدن رو تغییر بدید.