آموزش طراحی وب

رویداد resize در جی کوئری

در این جلسه ی آموزشی در رابطه با رویداد resize در جی کوئری صحبت میکنیم و با ذکر یک مثال کاربردی این رویداد رو بیشتر توضیح میدیم. در این مثال با نحوه ی ایجاد رنگ تصادفی هم آشنا خواهید شد.

 resize

فصل سوم : event ها در جی کوئری

جلسه دهم : رویداد resize در جی کوئری

سلام به همراهان همیشگی مدرسه مجازی ایرانیان

در این جلسه ی آموزشی در رابطه با رویداد resize در جی کوئری صحبت میکنیم و با ذکر مثال این رویداد رو بیشتر توضیح میدیم.

 

رویداد resize در جی کوئری

رویداد resize زمانی اتفاق میوفته که پنجره ی مرورگر شما تغییر اندازه پیدا کنه. این رویداد میتونه خودش این کار رو انجام بده میتونه زمانی که پنجره تغییر اندازه پیدا کرد یک تابعی رو اجرا کنه.

 

قاعده دستوری رویداد resize

 

Selector : عنصر مورد نظر ماست که قراره رویداد روی این عنصر اتفاق بیوفته معمولا این پارامتر window هست یعنی پنجره ای که در حال حاضر در حال اجراست.

Resize : نام رویداد هست.

Function : عملیاتی هست که قراره هنگام رویداد resize انجام بشه .

 

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

ابتدا کتابخانه جی کوئری رو به صفحه اضافه می کنیم:

حالا رویداد رو تعریف می کنیم، به کد زیر دقت کنید:

 

در خط اول در متغییر color هر بار یک رنگ تصادفی تولید و ذخیره میشه و در خط دوم میگیم با هر بار تغییر اندازه رنگ ایجاد شده در color رو برای رنگ پس زمینه body یا صفحه ی اصلی مون در نظر بگیر.

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

 

امیدوارم که براتون مفید بوده باشه.

موفق و پاینده باشید .

تهیه شده در مدرسه مجازی ایرانیان

 

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۸

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین