Tryit DOM JavaScript

Www.Free-Learn.Ir

<!DOCTYPE html>
<html>
<head>
<style>

#mybox{
 background-color:#f2f2f2;
 padding:5px;
 text-align:center;
}

</style>
</head>
<body>

<button onclick="show();">باز کردن بصورت تمام صفحه</button>

<div id="mybox">
 <p>سایت آموزشی فری لرن</p>
 <p>سایت آموزشی فری لرن</p>
 <p>سایت آموزشی فری لرن</p>
 <button onclick="hide();">از حالت تمام صفحه خارج کردن</button>
</div>

<script>

function show(){
 var MyBox;
 MyBox = document.getElementById("mybox");
 if ( MyBox.requestFullscreen ) {
   MyBox.requestFullscreen();
 }else if( MyBox.webkitRequestFullscreen ) { // Safari , Chrome , Opera
   MyBox.webkitRequestFullscreen();
 }else if( MyBox.mozRequestFullscreen ) { // FireFox
   MyBox.mozRequestFullscreen();
 }else if( MyBox.msRequestFullscreen ) { // Internet Explorer 11
   MyBox.msRequestFullscreen();
 }
}

function hide(){
 if ( document.exitFullscreen ) {
   document.exitFullscreen();
 }else if( document.webkitExitFullscreen ) { // Safari , Chrome , Opera
   document.webkitExitFullscreen();
 }else if( document.mozExitFullscreen ) { // FireFox
   document.mozExitFullscreen();
 }else if( document.msExitFullscreen ) { // Internet Explorer 11
   document.msExitFullscreen();
 }
}

</script>

</body>
</html>