জাভাস্ক্রিপ্ট দিয়ে কিভাবে ডিফল্ট অ্যাপয়েন্টমেন্ট ডেট দেখাবেন ইন্ডিয়ানভিসা-বাংলাদেশ ওয়েবসাইটে

আপনাদের সবাইকে শুভকামনা জানাই, আজ আমি আপনাদের দেখাব আপনারা কিভাবে রিপ্রিন্ট বাটনকে হাইড করে গেট অ্যাপয়েন্টমেন্ট বাঁটনকে বাই ডিফল্ট শো করাবেন। কোন কোন সময় গেট আয়পয়েন্টমেন্ট বাঁটনকে আমরা দেখতে পাইনা। এই ধরনের সমস্যা দূর করার করার জন্যই আমার এই প্রয়াস।

জাভাস্ক্রিপ্ট একটু গভীরে

সর্বপ্রথমে আপনি আপনার ডিফল্ট ব্রাউজারটি খুলুন।
এরপর ইন্ডিয়ানভিসা-বাংলাদেশ ওয়েবসাইটে গিয়ে “Print Registered Application” লিঙ্ক-এ ক্লিক করুন।
ব্রাউজারে ডকুমেন্ট যখন পুরোপুরি লোড হয়ে যাবে তখন ওয়েব পেজটির উপর মাউসের রাইট ক্লিক করে কন্টেক্সট মেনু থেকে ইন্সপেক্ট এলিমেন্টে ক্লিক করুন যেমনটি নিচের প্রদর্শিত চিত্রে দেখানো হয়েছে।
ইন্সপেক্ট এলিমেন্ট টুলসটি খুলে গেলে, আপনি টুলস্টির একদম উপরের বাদিকের কোনায় একটি সার্চ বাটন দেখতে পাবেন, ওইটাতে ক্লিক করুন।
এরপর আপনি ওয়েবপেজ থেকে যে রিপ্রিন্ট বাটনটি আছে সেটাতে ক্লিক করুন, এলিমেন্টস প্যানেলে আপনি তাহলে নিচের মত একটা ফলাফল দেখতে পাবেন।

<input name="Reprint" type="button" class="btn btn-primary" onclick="chkCapRep()" value="Reprint">

আপনি এই কোডটি যদি একটু মনোযোগ দিয়ে লক্ষ্য করেন তাহলে এই এলিমেন্টটিতে কোন স্টাইল অ্যাট্রিবিউট দেখতে পাবেন না, কিন্তু আপনি যদি পরের ইনপুট ট্যাগের দিকে দৃষ্টিপাত করেন তাহলে আপনি স্টাইল অ্যাট্রিবিউট দেখতে পাবেন এরকমঃ

<input name="Appointment" type="button" onclick="chkCapAppt()" style="display:none " class="btn btn-primary" id="Appointment" value="Get Appointment">

style="display:none "
এখন যদি আমরা none লেখাটিকে block দিয়ে পরিবর্তিত করি তাহলে আমরা গেট অ্যাপয়েন্টমেন্ট বাঁটনকে দেখতে পাব।
এখন আমরা জাভাস্ক্রিপ্ট কোড দিয়ে রিপ্রিন্ট বাঁটনকে উঠিয়ে দিয়ে গেট অ্যাপয়েন্টমেন্ট বাঁটনকে আনব।

জাভাস্ক্রিপ্ট কোড

ইন্সপেক্ট এলিমেন্ট এর কনসোল ট্যাব এ গিয়ে নিচের কোডগুলি কপি করে পেস্ট করে দিন, এরপর কী-বোর্ড থেকে এন্টার কী চাপুনঃ

OnlineForm.Reprint.style.display = 'none';
OnlineForm.Appointment.style.display = 'block';

আমাদের জাভাস্ক্রিপ্ট টিউটোরিয়াল এখানেই শেষ, আশা করি আপনি ভাল থাকবেন এবং সবাইকে ভাল রাখবেন।আমাদের নিচের ভিডিওটি পারলে একবার দেখে নিতে পারেন এই টিউটোরিয়ালকে আরও ভিসুয়ালি বোঝার জন্য।

ভিডিও টিউটোরিয়াল

ডাউনলোড

আপনি আমাদের Fresh Tech Bloggers ওয়েবসাইটে গিয়ে সোর্স কোডটি ডাউনলোড করে নিতে পারেন। আমাদের পরবর্তী টিউটোরিয়াল এ আপনাকে শেখাব যে আপনি কিভাবে ভিসা তথ্য অনলাইন ইন্ডিয়ান ভিসা সরকার ওয়েব সাইটে অনায়াসেই পুরণ করতে পারবেন।