দ্য 'window.open()' জাভাস্ক্রিপ্ট পদ্ধতি ডেভেলপারদের তাদের ওয়েবপৃষ্ঠার ভিতরে অন্য উইন্ডোতে লিঙ্ক করতে দেয়। ব্যবহারকারীর দ্বারা একটি নির্দিষ্ট কর্ম সঞ্চালিত হলে এই উইন্ডোটি চালু হয়।
সংক্ষেপে, প্রধান কার্যকারিতা 'window.open()' পদ্ধতি হল মূল ওয়েবপেজ ইন্টারফেসকে বিরক্ত না করে একটি নতুন উইন্ডো খুলতে হবে। কিছু পরিস্থিতিতে, নতুন উইন্ডোটি সফলভাবে খোলে কিন্তু স্ক্রলবারটি মোটেও প্রদর্শিত হয় না, যা ব্যবহারকারীদের কাছে একটি খারাপ ছাপ পাঠায়।
এই দ্রুত নির্দেশিকা জাভাস্ক্রিপ্টে window.open() পদ্ধতির সাহায্যে একটি উল্লম্ব স্ক্রলবার তৈরি করার প্রক্রিয়াটি বিস্তারিত করে।
কিভাবে জাভাস্ক্রিপ্টে “window.open()” দিয়ে উল্লম্ব স্ক্রলবার তৈরি করবেন?
দ্য 'window.open()' পদ্ধতিটি ডিফল্টভাবে নতুন ওয়েবপৃষ্ঠার বিষয়বস্তুর দৈর্ঘ্য এবং খোলা উইন্ডোর আকারের উপর নির্ভর করে একটি উল্লম্ব স্ক্রলবার যোগ করে। যদি ওয়েবপেজের বিষয়বস্তু উইন্ডোর আকারের চেয়ে বড় হয়, তাহলে স্ক্রলবারটি কোনো CSS বৈশিষ্ট্য প্রয়োগ না করেই ডিফল্টরূপে যোগ করা হয়। যাইহোক, যদি বিকাশকারী একটি কাস্টম স্ক্রলবার যোগ করতে চান, তাহলে আপনি নীচের উদাহরণগুলিতে ব্যাখ্যা করা পদ্ধতিগুলি অনুসরণ করতে পারেন৷
বাক্য গঠন
জন্য বাক্য গঠন 'window.open()' পদ্ধতিটি নীচে বর্ণিত হয়েছে:
জানলা. খোলা ( পথ , গন্তব্য , winFeat )এখানে, 'পথ' ওয়েবপৃষ্ঠার পথ যা একটি নতুন উইন্ডোতে খোলা হবে। দ্য 'গন্তব্য' নতুন উইন্ডোর অবস্থান যেখানে প্রদর্শিত হবে, এটি সেট করা যেতে পারে 'ফাঁকা' , 'পিতামাতা' , 'স্বয়ং' বা 'শীর্ষ'। তৃতীয় প্যারামিটারটি হল 'winFeat' বা উইন্ডো বৈশিষ্ট্য, এটি বিভিন্ন মান অফার করে যা উইন্ডোটি কাস্টমাইজ করার প্রয়োজন অনুসারে সেট করা যেতে পারে।
সদ্য খোলা উইন্ডোতে একটি উল্লম্ব স্ক্রলবার তৈরি করার জন্য কিছু উদাহরণ দেখে নেওয়া যাক 'window.open()' পদ্ধতি
উদাহরণ: 'window.open()' পদ্ধতির সাথে 'স্ক্রোলবার' উইন্ডো বৈশিষ্ট্যের ব্যবহার
এই ক্ষেত্রে, দ 'window.open()' পদ্ধতি বরাবর ব্যবহার করা হয় 'স্ক্রলবার' একটি নতুন খোলা উইন্ডোর জন্য উল্লম্ব স্ক্রলবার সেট করার জন্য উইন্ডো বৈশিষ্ট্য, নীচে দেখানো হিসাবে:
< মাথা >< স্ক্রিপ্ট প্রকার = 'টেক্সট/জাভাস্ক্রিপ্ট' >
ফাংশন সেটস্ক্রোল ( ) {
ছিল নতুন উইন = জানলা. খোলা ( 'https://linuxhint.com' , 'শীর্ষ' , 'প্রস্থ=500,উচ্চতা=500,স্ক্রোলবার=হ্যাঁ' ) ;
}
লিপি >
মাথা >
< শরীর >
< পি > লিনাক্সহিন্ট ব্লগ খুলতে নীচের বোতাম টিপুন - পর্দা উইন্ডো। পি > আমাকে ক্লিক করুন বোতাম >
শরীর >
উপরের কোডের ব্যাখ্যা:
- প্রথমত, দ 'সেটস্ক্রোল()' ফাংশন ভিতরে সংজ্ঞায়িত করা হয় '
ইন-স্ক্রিন উইন্ডোতে Linuxhint ব্লগ খুলতে নীচের বোতাম টিপুন।
আমাকে ক্লিক করুন
উপরের কোডের বর্ণনা:
- প্রথমত, একটি তৈরি করুন 'সেটস্ক্রোল()' ফাংশন, এবং এটি ভিতরে ব্যবহার করে 'window.open()' উপরের উদাহরণে করা পদ্ধতি একই।
- এছাড়াও, একটি অতিরিক্ত উইন্ডো বৈশিষ্ট্য যোগ করুন 'আকার পরিবর্তনযোগ্য' এবং এর মান পরিবর্তন করুন 'স্ক্রলবার' বৈশিষ্ট্য '1' উল্লম্ব স্ক্রলবার সেট করতে।
এখন, ওয়েবপেজের CSS ফাইলটি খুলুন যার লিঙ্কটি প্রথম প্যারামিটার হিসাবে দেওয়া হয়েছে 'window.open()' পদ্ধতি আমাদের ক্ষেত্রে, ওয়েবপৃষ্ঠার নাম হয় 'linuxint' তাই এর CSS ফাইলটি খুলুন এবং এতে নিম্নলিখিত কোডটি সন্নিবেশ করুন:
< শৈলী >html {
উপচে পড়া - এক্স : গোপন ;
উপচে পড়া - এবং : স্বয়ংক্রিয় ;
}
শৈলী >
উপরের সিএসএস বৈশিষ্ট্য 'ওভারফ্লো-এক্স' এবং 'ওভারফ্লো-ই' অনুভূমিক স্ক্রলবার লুকান এবং উইন্ডোর দৈর্ঘ্য অনুযায়ী পুরো HTML পৃষ্ঠার জন্য উল্লম্ব স্ক্রলবার সেট করুন।
উভয় ফাইলে উপরের কোড স্নিপেট সন্নিবেশ এবং কম্পাইল করার পরে, আউটপুটটি এইরকম দেখায়:
আউটপুট দেখায় যে 'window.open()' পদ্ধতি ব্যবহার করে খোলা উইন্ডোতে একটি উল্লম্ব স্ক্রলবার যোগ করা হয়েছে।
উপসংহার
এর সাথে উল্লম্ব স্ক্রলবার তৈরি করতে 'window.open()' পদ্ধতি, 'স্ক্রলবার' উইন্ডো দ্বারা প্রদত্ত বৈশিষ্ট্য সেট করা যেতে পারে 'হ্যাঁ' বা '1' . আরেকটি উপায় হল ওয়েবপেজের জন্য CSS বা HTML ফাইল খোলা যার লিঙ্কটি “window.open()” পদ্ধতিতে প্রথম প্যারামিটার হিসেবে পাস করা হয়েছে এবং সেখানে CSS ব্যবহার করা। 'ওভারফ্লো-এক্স' এবং 'ওভারফ্লো-ই' বৈশিষ্ট্য এই ব্লগটি জাভাস্ক্রিপ্টে window.open() পদ্ধতির সাথে একটি উল্লম্ব স্ক্রলবার যোগ করার উপায় ব্যাখ্যা করেছে।