function toggleFullscreen(elem) { elem = elem || document.documentElement; if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); } else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); } } else { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } } } document.getElementById('btnFullscreen').addEventListener('click', function() { toggleFullscreen(); });
var divs var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); var btn3 = document.getElementById("btn3"); btn1.onclick = function(event){ event.preventDefault(); toggleDivs("sect1",this); }; btn2.onclick = function(event){ event.preventDefault(); toggleDivs("sect2",this); }; btn3.onclick = function(event){ event.preventDefault(); toggleDivs("sect3",this); }; function toggleDivs(s,btn){ if(btn.classList.contains("btn_active_state")){ document.getElementById(s).classList.remove("shown"); btn.classList.remove("btn_active_state"); document.getElementById(s).classList.remove("shown"); return; }else{ btn1.classList.remove("btn_active_state"); btn2.classList.remove("btn_active_state"); btn3.classList.remove("btn_active_state"); document.getElementById("sect1").classList.remove("shown"); document.getElementById("sect2").classList.remove("shown"); document.getElementById("sect3").classList.remove("shown"); document.getElementById(s).classList.add("shown"); } } //Andy dari Weddingpress - Kodingan Spesial Fullpage //Paksa Button1 Untuk Fokus or Klik jika di perlukan //btn1.focus(); btn1.click(); .elementor-editor-active .hidden{ display:block; } .hidden{ display:none; } .shown{ display: block !important; } .btn_active_state{ background-color: #FFFFFF !important; }
var divs var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); var btn3 = document.getElementById("btn3"); var btn4 = document.getElementById("btn4"); var btn5 = document.getElementById("btn5"); var btn6 = document.getElementById("btn6"); btn1.onclick = function(event){ event.preventDefault(); toggleDivs("COVER",this); }; btn2.onclick = function(event){ event.preventDefault(); toggleDivs("COUPLE",this); }; btn3.onclick = function(event){ event.preventDefault(); toggleDivs("EVENT",this); }; btn4.onclick = function(event){ event.preventDefault(); toggleDivs("GALLERY",this); }; btn5.onclick = function(event){ event.preventDefault(); toggleDivs("WISHES",this); }; btn6.onclick = function(event){ event.preventDefault(); toggleDivs("PROKES",this); }; function toggleDivs(s,btn){ if(btn.classList.contains("btn_active_state")){ document.getElementById(s).classList.remove("shown"); btn.classList.remove("btn_active_state"); document.getElementById(s).classList.remove("shown"); return; }else{ btn1.classList.remove("btn_active_state"); btn2.classList.remove("btn_active_state"); btn3.classList.remove("btn_active_state"); btn4.classList.remove("btn_active_state"); btn5.classList.remove("btn_active_state"); btn6.classList.remove("btn_active_state"); document.getElementById("COVER").classList.remove("shown"); document.getElementById("COUPLE").classList.remove("shown"); document.getElementById("EVENT").classList.remove("shown"); document.getElementById("GALLERY").classList.remove("shown"); document.getElementById("WISHES").classList.remove("shown"); document.getElementById("PROKES").classList.remove("shown"); document.getElementById(s).classList.add("shown"); } } //Andy dari Weddingpress - Kodingan Spesial Fullpage //Paksa Button1 Untuk Fokus or Klik jika di perlukan //btn1.focus(); btn1.click(); .elementor-editor-active .hidden{ display:block; } .hidden{ display:none; } .shown{ display: block !important; } .btn_active_state{ background-color: #FFFFFF !important; }
function toggleFullscreen(elem) { elem = elem || document.documentElement; if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); } else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); } } else { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } } } document.getElementById('btnFullscreen').addEventListener('click', function() { toggleFullscreen(); }); document.getElementsByClassName("wdp-button-wrapper").addEventListener('click', function() { toggleFullscreen(); });
var divs var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); var btn3 = document.getElementById("btn3"); var btn4 = document.getElementById("btn4"); var btn5 = document.getElementById("btn5"); var btn6 = document.getElementById("btn6"); btn1.onclick = function(event){ event.preventDefault(); toggleDivs("COVER",this); }; btn2.onclick = function(event){ event.preventDefault(); toggleDivs("COUPLE",this); }; btn3.onclick = function(event){ event.preventDefault(); toggleDivs("EVENT",this); }; btn4.onclick = function(event){ event.preventDefault(); toggleDivs("GALLERY",this); }; btn5.onclick = function(event){ event.preventDefault(); toggleDivs("WISHES",this); }; btn6.onclick = function(event){ event.preventDefault(); toggleDivs("PROKES",this); }; function toggleDivs(s,btn){ if(btn.classList.contains("btn_active_state")){ document.getElementById(s).classList.remove("shown"); btn.classList.remove("btn_active_state"); document.getElementById(s).classList.remove("shown"); return; }else{ btn1.classList.remove("btn_active_state"); btn2.classList.remove("btn_active_state"); btn3.classList.remove("btn_active_state"); btn4.classList.remove("btn_active_state"); btn5.classList.remove("btn_active_state"); btn6.classList.remove("btn_active_state"); document.getElementById("COVER").classList.remove("shown"); document.getElementById("COUPLE").classList.remove("shown"); document.getElementById("EVENT").classList.remove("shown"); document.getElementById("GALLERY").classList.remove("shown"); document.getElementById("WISHES").classList.remove("shown"); document.getElementById("PROKES").classList.remove("shown"); document.getElementById(s).classList.add("shown"); } } //Andy dari Weddingpress - Kodingan Spesial Fullpage //Paksa Button1 Untuk Fokus or Klik jika di perlukan //btn1.focus(); btn1.click(); .elementor-editor-active .hidden{ display:block; } .hidden{ display:none; } .shown{ display: block !important; } .btn_active_state{ background-color: #FFFFFF !important; }
function toggleFullscreen(elem) { elem = elem || document.documentElement; if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); } else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); } } else { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } } } document.getElementById('btnFullscreen').addEventListener('click', function() { toggleFullscreen(); }); document.getElementsByClassName("wdp-button-wrapper").addEventListener('click', function() { toggleFullscreen(); });