jQuery মোবাইল ওরিয়েন্টেশন ইভেন্ট (jQuery Mobile Orientation Event)

jQuery মোবাইল ওরিয়েন্টেশন ইভেন্ট (jQuery Mobile Orientation Event)
মো: আসাদুজ্জামান (Md. Asaduzzaman)
ফ্রিল্যান্সার (ওয়েব ডিজাইনার এবং ডেভেলপার)

jQuery মোবাইল orientationchange ইভেন্ট

orientationchange ইভেন্ট ট্রিগার করে যখন ব্যবহারকারী উল্লম্বভাবে বা অনুভূমিকভাবে মোবাইল ডিভাইসকে ঘোরায় (rotates).

orientationchange ইভেন্ট ব্যবহার করার জন্য, উইন্ডো অবজেক্টে এটি এটাচ করতে হবে:

$(window).on("orientationchange",function(){
alert("The orientation has changed!");
});

কলব্যাক ফাংশন এ আরগুমেন্ট থাকতে পারে, ইভেন্ট অবজেক্ট, যেটি মোবাইল ডিভাইস এর অরিয়েন্টশনকে পূর্বে ফিরিয়ে নিয়ে আসে:"পোট্রেইট" (ডিভাইসটি উল্লম্ব অবস্থানে থাকে) বা "আড়াআড়ি( landscape )" (ডিভাইসটি অনুভূমিক অবস্থায় থাকে):

উদাহরণ:
$(window).on("orientationchange",function(event){
alert("Orientation is: " + event.orientation);
});

যেহেতু orientationchange ইভেন্ট window অবজেক্ট এ আবদ্ধ, আমরা window.orientation প্রোপার্টি ব্যবহার করতে পারি। উদাহরণস্বরুপ: পোট্রেইট ও ল্যান্ডস্ক্যাপ ভিউ এর জন্য আলাদা স্টাইল ব্যবহার করার জন্য:

উদাহরণ:
$(window).on("orientationchange",function(){
if(window.orientation == 0) // Portrait
{
$("p").css({"background-color":"yellow","font-size":"300%"});
}
else // Landscape
{
$("p").css({"background-color":"pink","font-size":"200%"});
}
});

window.orientation প্রোপার্টি রিটার্ন পোট্রোইট এর জন্য ০ এবং ল্যান্ডস্ক্যাপ এর জন্য 90 বা -90 ।

Permanent link to this article: http://bangla.sitestree.com/jquery-%e0%a6%ae%e0%a7%8b%e0%a6%ac%e0%a6%be%e0%a6%87%e0%a6%b2-%e0%a6%93%e0%a6%b0%e0%a6%bf%e0%a7%9f%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f%e0%a7%87%e0%a6%b6%e0%a6%a8-%e0%a6%87%e0%a6%ad%e0%a7%87%e0%a6%a8/