2014-03-28 2 views
1

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

, если вы можете помочь мне, чтобы показать 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> 

ответ

0

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

Вот скрипка я работал на http://jsfiddle.net/gd7Xz/ Working Fiddle вашего кодекса 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> 
+0

этот скрипт устанавливает cookie и читает его и проверяет, посетил ли пользователь или нет, но если его первый раз покажет теневой ящик, если нет ??? где инструкция – user3469218

+0

Lolz, я просто дал вам идею, вы хотите весь код. Хорошо, подожди. –

+0

ya пожалуйста, помогите. – user3469218

Смежные вопросы