কম্পিউটার

HTML DOM exitFullscreen() পদ্ধতি


HTML DOM exitFullscreen() পদ্ধতিটি সেই মোড থেকে বেরিয়ে আসার জন্য বর্তমানে পূর্ণ স্ক্রীন মোডে একটি উপাদান পাওয়ার জন্য ব্যবহার করা হয়। ইতিমধ্যে পূর্ণ স্ক্রীন মোডে নেই এমন একটি উপাদানে কার্যকর করা হলে এটি কিছুই করে না৷

সিনট্যাক্স

exitFullscreen() পদ্ধতি -

-এর জন্য সিনট্যাক্স নিচে দেওয়া হল
HTMLElementObject.exitFullscreen()

উদাহরণ

আসুন exitFullscreen() পদ্ধতি -

-এর একটি উদাহরণ দেখি
<!DOCTYPE html>
<html>
<head>
<style>
   var docEle = document.documentElement;
   function GoNormal() {
      if (document.exitFullscreen)
      document.exitFullscreen();
   }
   function GoFullscreen() {
      if (docEle.requestFullscreen)
      docEle.requestFullscreen();
   }
</style>
</head>
<body>
<h1>exitFullscreen() method example</h1>
<img src="EiffelTower.jpg" width="200px" height="200px">
<p>The Eiffel Tower was built on 28 January 1887</p>
<button onclick="GoFullscreen();">Fullscreen View</button>
<button onclick="GoNormal();">Normal view</button>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM exitFullscreen() পদ্ধতি

ফুলস্ক্রিন ভিউ-

-এ ক্লিক করলে

HTML DOM exitFullscreen() পদ্ধতি

কিবোর্ডে Esc কী টিপে অথবা "সাধারণ দৃশ্য" বোতামে ক্লিক করার মাধ্যমে আপনি আসল স্ক্রীনের আকারে ফিরে আসবেন -

উপরের উদাহরণে -

আমরা দুটি বোতাম "ফুলস্ক্রিন ভিউ" এবং "নর্মাল ভিউ" তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করলে যথাক্রমে GoFullScreen() বা GoNormal() ফাংশনগুলি কার্যকর করবে -

<button onclick="GoFullscreen();">Fullscreen View</button>
<button onclick="GoNormal();">Normal view</button>

GoFullscreen() ফাংশন ডকুমেন্ট রুট এলিমেন্ট পায় যা HTML ডকুমেন্টে একটি এলিমেন্ট। তারপরে ডকুমেন্টের বুলিয়ান রিকোয়েস্ট ফুলস্ক্রিন প্রপার্টি ভ্যালু পেয়ে স্ক্রীনটি ইতিমধ্যেই ফুলস্ক্রিন মোডে নেই কিনা তা পরীক্ষা করে। যদি এটি ফুলস্ক্রিন ভিউতে না থাকে, তাহলে এটি উপাদান ব্যবহার করে requestFullScreen() পদ্ধতিটি কার্যকর করে। আপনি অন্য কোনো উপাদানও নিতে পারেন এবং এটি শুধুমাত্র সেই উপাদানটির জন্য পূর্ণ স্ক্রীন সক্ষম করবে -

function GoFullscreen() {
   if (docEle.requestFullscreen)
   docEle.requestFullscreen();
}

GoNormal() ফাংশনটি ডকুমেন্টের exitFullScreen বুলেন প্রপার্টি মান পায় যাতে স্ক্রীনটি ইতিমধ্যে স্বাভাবিক দৃশ্যে নেই কিনা তা পরীক্ষা করে। যদি স্ক্রিনটি স্বাভাবিক দৃশ্যে না থাকে তবে এটি ডকুমেন্টের exitFullScreen() পদ্ধতিটি চালায় -

function GoNormal() {
   if (document.exitFullscreen)
   document.exitFullscreen();
}

  1. HTML DOM getElementById() পদ্ধতি

  2. HTML DOM getBoundingClientRect() পদ্ধতি

  3. এইচটিএমএল ডোমে রয়েছে অ্যাট্রিবিউটস() পদ্ধতি

  4. HTML DOM ফোকাস() পদ্ধতি