বিভিন্ন উদ্দেশ্যে পপ-আপ উইন্ডোগুলির ওয়েব নির্মাণে অনেকগুলি ব্যবহার রয়েছে। এগুলি বিভিন্ন ধরণের মেনু তৈরি করতে, বিজ্ঞাপনের পাঠ্য এবং গ্রাফিক্স স্থাপন, জটিল ফর্মগুলি পূরণ করার সময় সরঞ্জামদণ্ডগুলির জন্য ব্যবহার করা যেতে পারে এবং ফর্মগুলি নিজেরাই উইন্ডোতে স্থাপন করা সুবিধাজনক যা পৃষ্ঠায় জায়গা নেয় না। আমাদের নিবন্ধে আপনি কীভাবে এই জাতীয় উইন্ডো তৈরি করতে পারেন তার একটি বিবরণ পাবেন।
এটা জরুরি
এইচটিএমএল এর প্রাথমিক জ্ঞান।
নির্দেশনা
ধাপ 1
পপআপ, এইচটিএমএল, লুকানো স্তর
ধাপ ২
ওয়েবে অনেক পৃষ্ঠায় আপনি দেখতে পাচ্ছেন যে বিভিন্ন জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কের (jQuery, MooTools, প্রোটোটাইপ, ইত্যাদি) অভিনব গ্রন্থাগারগুলি পৃষ্ঠাগুলিতে পপ-আপ উইন্ডো তৈরি করতে ব্যবহৃত হয়। তবে, বাস্তবে, এই বিশেষ সমস্যাটি সমাধান করার সময় এগুলি প্রয়োজনীয় নয় not হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজে (এইচটিএমএল) এবং ক্যাসকেডিং স্টাইল শীট (সিএসএস) এ উপলব্ধ সরঞ্জামগুলি পপ-আপগুলি তৈরি করতে যথেষ্ট। এইভাবে তৈরি উইন্ডোগুলি জাভাস্ক্রিপ্ট দর্শকের ব্রাউজারে সক্ষম কিনা তা বিবেচনা না করেই কাজ করবে।
পপআপ তৈরি করা সমস্ত কোড দুটি লাইনে স্থাপন করা যেতে পারে। প্রথম লাইনটি একটি লিঙ্ক তৈরি করে যা পপআপ প্রদর্শনের জন্য ক্লিক করতে হবে:
এখানে ক্লিক করুন!
এখানে, লিঙ্ক ট্যাগের অনমাউসওভার বৈশিষ্ট্যটি লিঙ্কগুলির জন্য ডিফল্ট মাউস কার্সার প্রকার সেট করে। অনক্লিক বৈশিষ্ট্যটি উল্লেখ করে যে লিঙ্কটি ক্লিক করা হলে, লুকানো পপআপ ব্লকটি দৃশ্যমান হওয়া উচিত।
দ্বিতীয় লাইনটি আসলে পপ-আপ উইন্ডো। পপআপ শনাক্তকারী এবং স্তরটির শৈলীর বৈশিষ্ট্যে উল্লিখিত পাঠ্যের রঙ এবং আকার, পটপপ শনাক্তকারীর সাথে স্তর:
এটি পপআপের পাঠ্য
এটি ডিফল্টরূপে দৃশ্যমান নয় - এটি স্তর শৈলীর বর্ণনায় কোনওটিরই মূল্য না দিয়ে প্রদর্শন নির্বাচক দ্বারা নির্দেশিত।
প্রকৃতপক্ষে, আপনাকে পপ-আপ উইন্ডোটি তৈরি করতে হবে - ট্যাগ এবং আপনার পৃষ্ঠার মধ্যে এই দুটি লাইন রাখুন এবং এটি যেতে প্রস্তুত।
ধাপ 3
ট্যাগের সামনে পপ-আপ উইন্ডোটি বন্ধ করতে সক্ষম হতে, আপনাকে একটি লিঙ্ক যুক্ত করতে হবে যা বিপরীত ক্রিয়া সম্পাদন করে - পপআপ শনাক্তকারী দিয়ে দৃশ্যমান স্তরটি আড়াল করে:
বন্ধ
পদক্ষেপ 4
এবং আপনি যদি উইন্ডোটি ক্লিক করে নয়, তবে মাউস কার্সারটিকে ঘুরিয়ে দিয়ে পপআপ করতে চান, তবে লিঙ্কটির সাথে প্রথম লাইনটি এইভাবে সংশোধন করতে হবে:
এখানে মাউস সরান!
পদক্ষেপ 5
আপনি এখন পপ-আপ উইন্ডো কোডের নীতি এবং কাঠামোর সাথে পরিচিত এবং এর উপস্থিতি এবং সামগ্রীর নকশা সম্পূর্ণরূপে আপনার লক্ষ্য এবং কল্পনা নির্ভর করে।
