JavaScript window.moveTo() | বাংলা টিউটোরিয়াল
window.moveTo() JavaScript-এর একটি মেথড যা কোনো উইন্ডো বা পপআপ স্ক্রিনে নির্দিষ্ট অবস্থানে নিয়ে যেতে সাহায্য করে। এটি সাধারণত window.open() দিয়ে খোলা উইন্ডোর উপর ব্যবহৃত হয়। আপনি যদি একটি নতুন পপআপ উইন্ডো খুলে থাকেন, তাহলে moveTo() মেথড ব্যবহার করে সেটিকে স্ক্রিনের নির্দিষ্ট X ও Y পজিশনে স্থানান্তর করতে পারবেন।
Syntax (সিনট্যাক্স)
window.moveTo(x, y);এখানে x এবং y হচ্ছে স্ক্রিনের বাম এবং উপর দিক থেকে অবস্থান (পিক্সেলে)।
উদাহরণ ১: পপআপ উইন্ডো খুলে নির্দিষ্ট স্থানে নেওয়া
<script>
var newWin;
function openWindow() {
newWin = window.open('https://example.com', '', 'width=400,height=300');
}
if (newWin) newWin.moveTo(300, 200);
}
</script>
<button onclick=”moveWindow()”>উইন্ডো সরান (300px, 200px)</button>
ব্যাখ্যা: প্রথম বাটনে ক্লিক করলে একটি পপআপ উইন্ডো খোলা হবে এবং newWin ভেরিয়েবল তার রেফারেন্স রাখবে। এরপর দ্বিতীয় বাটনে ক্লিক করলে সেই উইন্ডো স্ক্রিনে ৩০০px বাম থেকে ও ২০০px উপর থেকে শুরু হবে।
⚠️ গুরুত্বপূর্ণ নির্দেশনা
- এই মেথডটি শুধুমাত্র পপআপ উইন্ডোর ক্ষেত্রে কাজ করে, প্রধান উইন্ডোতে কাজ করে না।
- ব্রাউজারের পপআপ ব্লকার সক্রিয় থাকলে এটি কাজ নাও করতে পারে।
- modern ব্রাউজারগুলো কিছু ক্ষেত্রে
moveTo()নিষ্ক্রিয় করে রাখতে পারে ইউজার এক্সপেরিয়েন্স রক্ষা করার জন্য।
️ উদাহরণ ২: স্ক্রিপ্টে নিজে থেকেই পজিশন সেট
<script>
var popup = window.open('', '', 'width=400,height=300');
popup.document.write('<h1>Hello World!</h1>');
popup.moveTo(100, 100);
</script>
ব্যাখ্যা: এই কোডটি স্ক্রিপ্ট চালানো মাত্র একটি নতুন উইন্ডো খুলবে এবং সেটিকে স্ক্রিনে ১০০px বাম ও ১০০px উপর থেকে সরাবে। ভিতরে একটি simple মেসেজও লিখে দেয়া হয়েছে।
window.moveBy() বনাম window.moveTo()
| মেথড | কাজ |
|---|---|
| moveTo(x, y) | উইন্ডোকে নির্দিষ্ট X, Y অবস্থানে সরায় (absolute position) |
| moveBy(x, y) | উইন্ডোকে বর্তমান পজিশন থেকে নির্দিষ্ট X, Y পরিমাণে সরায় (relative move) |