trak_ivan
@trak_ivan

Пример с описанием написание на javascript всплывающего окна?

Есть ли хороший разобранный пример создания всплывающего окна на javascript (например внутри вставлена группа ВК для подписки) при первом заходе на сайт?
  • Вопрос задан
  • 250 просмотров
Решения вопроса 1
Exomode
@Exomode
Архитектор ПО
CSS:
body {
    min-height: 100vh;
}

.modal {
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    z-index: 1;
    display: none;
}


HTML:
<body>
    <div class="modal">PopUp!</div>
</body>


JavaScript:
function setCookie(name, value, expY, expM, expD, path, domain, secure) {
    var cookieString = name + "=" + escape(value);
 
    if (expY) {
        var expires = new Date(expY, expM, expD);
        cookieString += "; expires=" + expires.toGMTString();
    }
 
    if (path) {
        cookieString += "; path=" + escape(path);
    }

    if (domain) {
        cookieString += "; domain=" + escape(domain);
    }

    if (secure) {
        cookieString += "; secure";
    }

    document.cookie = cookieString;
}

function getCookie(cookieName) {
    var results = document.cookie.match('(^|;) ?' + cookieName + '=([^;]*)(;|$)');
 
    if (results) {
        return (unescape(results[2]));
    }
        
    return null;
}

$(function () {
    if (getCookie("is_shown_modal") != "1") {
        $(".modal").fadeIn(500, function () {
            setCookie("is_shown_modal", "1");
        });
    }
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Cyber_bober
<div class="modal">
<!--vk subscribe-->
</div>


$(document).ready(function(){
    $('.modal').show();
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы