কম্পিউটার টিউটোরিয়াল

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() মেথড উদাহরণ</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() মেথড

Fullscreen View-এ ক্লিক করলে:

HTML DOM exitFullscreen() মেথড

আপনি ESC কী দবায় বা “Normal view” বাটনে ক্লিক করে মূল স্ক্রিন সাইজে ফিরে যাবেন।

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

আমরা “FullScreen View” এবং “Normal View” দুটি বাটন তৈরি করেছি যা ইউজার ক্লিক করলে যথাক্রমে GoFullScreen() বা GoNormal() ফাংশন এক্সিকিউট করবে:

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

GoFullscreen() ফাংশন ডকুমেন্টের রুট এলিমেন্ট পাওয়া যা HTML ডকুমেন্টে <html> এলিমেন্ট। তারপর চেক করা হয় স্ক্রিন ইতিমধ্যে ফুলস্ক্রিন মোডে আছে কিনা ডকুমেন্টের বুলিয়ান requestFullScreen প্রপার্টির মান পাওয়া। যদি ফুলস্ক্রিন ভিউতে না থাকে তবে <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. HTML DOM hasAttributes() মেথড

  4. HTML DOM focus() মেথড