এইচটিএমএলে একটি পপ-আপ উইন্ডো তৈরি করা jQuery লাইব্রেরি ব্যবহার করে করা হয়, যা আপনাকে কোনও ইভেন্ট হ্যান্ডলারকে একটি ওয়েব পৃষ্ঠায় সংহত করতে দেয় এবং এর ফলে সাইটের সক্রিয় সামগ্রী প্রদর্শন করা সম্ভব করে।
নির্দেশনা
ধাপ 1
আপনি যে কোডটি চান সেটি লিখতে আপনি যে পাঠ্য সম্পাদকটি ব্যবহার করেন তাতে আপনার এইচটিএমএল সাইট পৃষ্ঠাটি খুলুন। পপ-আপ উইন্ডো inোকাতে আপনি স্ট্যান্ডার্ড উইন্ডোজ নোটপ্যাড ইউটিলিটিটিও ব্যবহার করতে পারেন। এটি করতে, এইচটিএমএল ফাইলটিতে ডান ক্লিক করুন এবং "ওপেন উইথ" - "নোটপ্যাড" নির্বাচন করুন।
ধাপ ২
দস্তাবেজ বিভাগে, এমন একটি স্তর তৈরি করুন যা jQuery পরিচালনা করবে:
ধাপ 3
তারপরে আপনাকে পপআপ উইন্ডোর নাম সেট করতে হবে। এটি করতে আপনি টায়ার্ড এইচটিএমএল শিরোনাম ব্যবহার করতে পারেন:
উইন্ডো শিরোনাম
পদক্ষেপ 4
এর পরে, একটি অনুচ্ছেদ তৈরি করতে স্ক্রিপ্টটি ব্যবহার করে উইন্ডোতে প্রদর্শিত হবে এমন পাঠ্যটি সেট করুন:
পাঠ্য
পদক্ষেপ 5
তারপরে পূর্বের হ্যান্ডেলটি বন্ধ করার আগে পপআপ বন্ধ করতে ক্লোজ ক্লোজ_উইন দিয়ে একটি স্তর তৈরি করুন:
একটি উইন্ডো বন্ধ করুন
পদক্ষেপ 6
দস্তাবেজ বর্ণনাকারীদের মধ্যে প্রয়োজনীয় ট্যাগ যুক্ত করে ফাইলটিতে jQuery লাইব্রেরি অন্তর্ভুক্ত করুন। উদাহরণ স্বরূপ:
পদক্ষেপ 7
এর পরে, পপআপটি প্রদর্শনের জন্য কোডটি প্রবেশ করান:
$ (ফাংশন () {
$ ('# শো')। লুকান ();
পদক্ষেপ 8
এরপরে, আপনাকে পপ-আপ উইন্ডোটি চালিত করতে এবং উইন্ডোটির সমাপ্তি হ্যান্ডেল করার জন্য ব্যবহারকারী মাউস বোতামটি চাপলে এমন ঘটনাটি পরিচালনা করতে হবে। এটি করতে, নিম্নলিখিত কোডটি প্রবেশ করুন:
‘(‘ # ক্লিক-আমাকে ’)। ক্লিক করুন (ফাংশন () {$ (‘ # শো ’) F ফাদেন (300);})
‘(‘ # ক্লোজ_উইন ’) Click ক্লিক করুন (ফাংশন () {$ (‘ # শো ’) F ফেডআউট (300);})
& lt / স্ক্রিপ্ট>})
এই প্রোগ্রামটি ব্যবহারকারীর পপ-আপ উইন্ডো কল করার জন্য বোতাম টিপে এবং এটি বন্ধ করার জন্য লিঙ্কটিতে ক্লিক করে les
পদক্ষেপ 9
পৃষ্ঠায় পপ-আপ উইন্ডোটি প্রদর্শন করতে, আপনি উপরের কোডে সুনির্দিষ্টভাবে ক্লিক করা ক্লাসের লিঙ্কটি ব্যবহার করতে পারেন। এটি করতে, ডকুমেন্টের শৃঙ্খলে নীচের কোডটি প্রবেশ করুন:
পপআপ দেখানোর জন্য ক্লিক করুন
