Javascript, чтобы показать HTML-падж в тени

Question

Javascript, чтобы показать HTML-падж в тени

Я пытаюсь сделать это, используя javascript. Я хочу показать HTML-страницу в теневом блоке ТОЛЬКО ОДИН РАЗ, когда захожу на сайт с помощью файлов cookie. HTML-страница готова, но я хочу знать, как показать ее в теневом боксе, используя один раз JavaScript, когда пользователь посещает сайт??

если вы можете помочь мне показать HTML-страницу в теневом боксе только что здорово

<!DOCTYPE html>
<html>
<head>
<style>
#ShadowBox {
    width: 100px;
    height: 100px;
    display: block;
    background-color: blue;
    display:none;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
// function for clearing the cookkie
$("#ClearCookie").click(function(){
    ClearCookie('visited');
});


//function for settinf the cookie
function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}

//function for reading cookie
function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i].trim();
        if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
    }
    return "";
}
//For Setting the Cookie, you can call this onload or at the displaying of the shadowbox.
function MarkVisited() {
    setCookie("visited", "visited", 10)
}

function ClearCookie(cname) {
    setCookie("visited", "", 1)
}


//Put this in the document ready section. so it runs at onload
$( document ).ready(function() {
if (getCookie('visited') == "") {
    $('#ShadowBox').show();
}
MarkVisited();
});
// On Load Section End
</script>
</head>

<body>
<div id="ShadowBox">
</div>
<button id="ClearCookie">Clear Cookie</button>
</body>
</html>

1

javascript html popup jquery-cookie shadowbox

Источник

user3469218 28 мар '14 в 08:59

1 ответ

Решение

Другие вопросы по тегам javascript html popup jquery-cookie shadowbox

user2772550 28 мар '14 в 09:10 2014-03-28 09:10 · Accepted Answer · 2014-03-28 09:10

Вы можете установить cookie, когда отображается теневое окно

Вот скрипка, над которой я работал http://jsfiddle.net/gd7Xz/ Рабочая скрипка вашего кода http://jsfiddle.net/G3XAb/

Надеюсь, что это поможет вам, пожалуйста, отметьте ответ

    <!DOCTYPE html>
<html>

    <head>
        <style>
            #ShadowBox {
                width: 100px;
                height: 100px;
                display: block;
                background-color: blue;
                display:none;
            }
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>
            //function for settinf the cookie
            function setCookie(cname, cvalue, exdays) {
                var d = new Date();
                d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
                var expires = "expires=" + d.toGMTString();
                document.cookie = cname + "=" + cvalue + "; " + expires;
            }

            //function for reading cookie
            function getCookie(cname) {
                var name = cname + "=";
                var ca = document.cookie.split(';');
                for (var i = 0; i < ca.length; i++) {
                    var c = ca[i].trim();
                    if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
                }
                return "";
            }
            //For Setting the Cookie, you can call this onload or at the displaying of the shadowbox.
            function MarkVisited() {
                setCookie("visited", "visited", 10)
            }

            function ClearCookie(cname) {
                setCookie(cname, "", 1)
            }


            //Put this in the document ready section. so it runs at onload
            $(document).ready(function() {
                if (getCookie('visited') == "") {
                    $('#ShadowBox').show();
                }
                MarkVisited();
            });
            // On Load Section End
        </script>
    </head>

    <body>
        <div id="ShadowBox"></div>
        <button id="ClearCookie" onClick="ClearCookie('visited')">Clear Cookie</button>
    </body>

</html>