mungkin saya kira cukup untuk penjelasan apa itu fullscreen lansung saja masuk ke materi. untuk melakukan fullscreen dapat kita lakukan dengan berbagai macam cara yaitu :
- javascript
- jquery
- tombol f11 di keybord
Baca juga membuat event onenter menggunakan jquery
Namun kali ini saya hanya akan menjelaskan dengan metode javascript caranya adalah :
- buat sebuah halaman html dengan nama arifweb.html
- masukkan script berikut
<html>
<head>
<title> Arifweb.com membuat fullscreen dengan javascript</title>
<script type="text/javascript">
function toggleFullScreen() {
if ((document.fullScreenElement && document.fullScreenElement !== null) ||
(!document.mozFullScreen && !document.webkitIsFullScreen)) {
if (document.documentElement.requestFullScreen) {
document.documentElement.requestFullScreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullScreen) {
document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
}
</script>
</head>
<body>
Klik tombol dibawah ini untuk fullscreen </br>
<button onclick="toggleFullScreen ();">Klik disini</button>
</body>
</html>
// pada button sudah kita selipkan event onclick yang akan memanggil fungsi toggleFullScreen - buka arifweb.html di browser
- klik tombol "klik disini"
- lihat apa yang terjadi
mungkin cukup sekian tutorial saya kali ini tentang membuat fullscreen dengan onclick javascript. jika artikel ini bermanfaat dan ada yang ingin ditanyakan silahkan masukkan ke kolom komentar terima kasih :)