The Wedding Of
Andy & Zhea
Kami akan menikah,
dan kami ingin Anda menjadi bagian
dari hari istimewa kami!
12 | 12 | 202x
- 00Hari
- 00Jam
- 00Menit
- 00Detik
Kepada Yth. Bapak/Ibu/Saudara/i
Nama Tamu
Di Tempat
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();
});