JavaScript window.resizeTo() মেথড সম্পূর্ণ বাংলা টিউটোরিয়াল
window.resizeTo() হলো JavaScript এর একটি বিল্ট-ইন মেথড যা ব্যবহার করে আপনি একটি ব্রাউজার উইন্ডোর প্রস্থ (width) এবং উচ্চতা (height) নতুন করে নির্ধারণ করতে পারেন। এটি সাধারনত পপ-আপ বা নতুন উইন্ডোতে প্রয়োগ করা হয় যেখানে আপনি উইন্ডোর সাইজ নিয়ন্ত্রণ করতে চান।
Syntax:
width: নতুন উইন্ডোর প্রস্থ (pixels)।
height: নতুন উইন্ডোর উচ্চতা (pixels)।
উদাহরণ ১: একটি নতুন পপআপ উইন্ডো রিসাইজ করুন
<script>
function openWindow() {
let myWindow = window.open(”, ”, ‘width=200,height=200’);
myWindow.document.write(‘<h2>এই উইন্ডো রিসাইজ হবে</h2>’);
setTimeout(function() {
myWindow.resizeTo(400, 400);
}, 2000);
}
</script>
ব্যাখ্যা: উপরের কোডটি একটি বাটনে ক্লিক করলে একটি নতুন পপআপ উইন্ডো খোলে, এবং ২ সেকেন্ড পরে সেটি 400×400 পিক্সেলে রিসাইজ হয়।
HTML Table: window.resizeTo() প্যারামিটার
| প্যারামিটার | বর্ণনা |
|---|---|
| width | নতুন উইন্ডোর প্রস্থ (px) |
| height | নতুন উইন্ডোর উচ্চতা (px) |
উদাহরণ ২: বর্তমান উইন্ডোতে রিসাইজ প্রয়োগ (কিছু ব্রাউজারে কাজ নাও করতে পারে)
<script>
function resizeCurrentWindow() {
window.resizeTo(800, 600);
}
</script>
নোট: বর্তমান উইন্ডো রিসাইজ করার চেষ্টা সব ব্রাউজারে অনুমোদিত নয়। বিশেষ করে নিরাপত্তার কারণে অনেক ব্রাউজার এটি ব্লক করে রাখে।
⚠️ সতর্কতা:
- window.resizeTo() শুধুমাত্র সেই উইন্ডোতে কাজ করে যা আপনি window.open() দিয়ে খুলেছেন।
- অনেক ব্রাউজার সিকিউরিটির কারণে এটি নিষ্ক্রিয় করে রাখে।
- রিসাইজ করার আগে ব্যবহারকারী সম্মতি বা অনুমোদন প্রয়োজন হতে পারে।
✅ window.resizeTo() এর ব্যবহার কোথায় হয়?
- কাস্টম পপআপ ডিজাইন করার সময়।
- ছোট ডায়ালগ বা টুল উইন্ডো তৈরি করতে।
- অ্যাপ্লিকেশনের নির্দিষ্ট অংশ দেখানোর জন্য মিনিমাল UI উইন্ডো তৈরি করতে।
Real-life Use Case:
ধরুন আপনি একটি ছোট সাপোর্ট চ্যাট উইন্ডো খুলতে চান। আপনি window.open() দিয়ে সেটি খুলে তারপর resizeTo() দিয়ে সেটিকে নিখুঁত আকারে সাজিয়ে নিতে পারেন।
উপসংহার:
window.resizeTo() একটি শক্তিশালী কিন্তু সীমিত ব্যবহারের মেথড যা শুধুমাত্র নির্দিষ্ট পরিস্থিতিতে কাজ করে। ব্রাউজার সাপোর্ট ও নিরাপত্তা নীতির উপর নির্ভর করে এর কার্যকারিতা ভিন্ন হতে পারে। এটি ব্যবহার করার সময় সতর্ক থাকতে হবে।