@ -310,141 +310,6 @@
< / script >
< / section >
< section class = "mbr-section" id = "witsec-modal-window-block-fx" data-rv-view = "61" >
< style >
/* Let's not animate the contents of modal windows */
.no-anim {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
< / style >
< div class = "witsec-modal-window-test" style = "padding:1rem" > < div class = "mbr-section-btn" >
< a href = "#" class = "btn btn-primary display-4" data-toggle = "modal" data-target = "#share" data-bs-toggle = "modal" data-bs-target = "#share" > Preview share< / a >
< a href = "#" class = "btn btn-primary display-4" data-toggle = "modal" data-target = "#share-howtouse" data-bs-toggle = "modal" data-bs-target = "#share-howtouse" > How to use share< / a >
< / div >
< div class = "modal fade" id = "share-howtouse" tabindex = "-1" role = "dialog" aria-labelledby = "share-howtouseLabel" aria-hidden = "true" >
< div class = "modal-dialog" role = "document" style = "height:auto" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" id = "share-howtouseLabel" > How to use?< / h5 >
< a href = "" class = "close" data-bs-dismiss = "modal" data-dismiss = "modal" aria-label = "Close" > < span aria-hidden = "true" > × < / span > < / a >
< / div >
< div class = "modal-body" >
Using your new modal is very easy. Simply create a new link, then click the "..." tab and enter the following as custom URL:< br > < br >
< code > javascript:OpenModal('share')< / code >
< / div >
< div class = "modal-footer" >
< div class = "mbr-section-btn" > < a href = "#" class = "btn btn-secondary display-4" data-bs-dismiss = "modal" data-dismiss = "modal" > Close< / a > < / div >
< / div >
< / div >
< / div >
< / div > < / div >
< div class = "witsec-modal-window-body" style = "display:none" > < style >
h4 {
font-family: 'Montserrat-Medium';
}
.input2 {
text-align: center;
}
< / style >
< div >
< div class = "row justify-content-center" >
< div class = "title col-md-12 col-lg-{{textWidth}}" >
< h4 class = "mbr-section-subtitle mbr-fonts-style align-center mb-4" > Simply copy the text displayed in the box below and send it to your friends, colleagues, or family.< / h4 >
< input id = "sharetext2" class = "form-control input2" style = "width: 100%;" readonly = "readonly" type = "text" value = "www.swivro.net - Protect and Retain your Online Privacy Today." >
< / div >
< / div >
< script >
document.getElementById("sharetext2").onclick = function() {
this.select();
document.execCommand('copy');
}
< / script >
< / div > < / div >
< div > < div class = "modal fade" id = "share" tabindex = "-1" role = "dialog" aria-labelledby = "shareLabel" aria-hidden = "true" > < div class = "modal-dialog modal-lg " style = "height:auto" role = "document" > < div class = "modal-content" > < div class = "modal-body" id = "share_body" > < style >
h4 {
font-family: 'Montserrat-Medium';
}
.input2 {
text-align: center;
}
< / style >
< div >
< div class = "row justify-content-center" >
< div class = "title col-md-12 col-lg-{{textWidth}}" >
< h4 class = "mbr-section-subtitle mbr-fonts-style align-center mb-4" > Simply copy the text displayed in the box below and send it to your friends, colleagues, or family.< / h4 >
< input id = "sharetext2" class = "form-control input2" style = "width: 100%;" readonly = "readonly" type = "text" value = "www.swivro.net - Protect and Retain your Online Privacy Today." >
< / div >
< / div >
< script >
document.getElementById("sharetext2").onclick = function() {
this.select();
document.execCommand('copy');
}
< / script >
< / div > < / div > < div class = "modal-footer" > < div class = "mbr-section-btn" > < a href = "#" class = "no-anim btn btn-secondary display-4" data-bs-dismiss = "modal" data-dismiss = "modal" > Close< / a > < / div > < / div > < / div > < / div > < / div > < script >
document.addEventListener("DOMContentLoaded", function() {
if(typeof jQuery === "function") {
$("#share").on("hidden.bs.modal", function () {
var html = $( "#share_body" ).html();
$( "#share_body" ).empty();
$( "#share_body" ).append(html);
})
} else {
var mdw = document.getElementById("#share")
mdw.addEventListener("hidden.bs.modal", function(event) {
mdw.innerHTML = mdw.innerHTML;
});
}
});
< / script > < / div >
< script >
if (typeof OpenModal === 'undefined') {
OpenModal = function(modalName) {
if(typeof jQuery === "function") {
if ($('#' + modalName).length)
$('#' + modalName).modal('show');
else
alert("Sorry, but there is no modal for " + modalName);
} else {
let mdw = new bootstrap.Modal(document.getElementById(modalName), {});
mdw.show();
}
}
}
function modalSetCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function modalGetCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i < ca.length ; i + + ) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
< / script >
< / section >
< section data-bs-version = "5.1" class = "footer1 cid-sRwLth6yLL" once = "footers" id = "footer1-sOpMpnOYd4-sOR1GhUL5w-gx" >