Как сделать всплывающее окно с истечением срока действия

У меня есть всплывающее изображение, которое появляется на каждой странице, которую я просматриваю.Как сделать всплывающее окно с истечением срока действия

Мне нужно знать, как можно заставить его исчезнуть, если я нажму на close, он не появится снова для этой сессии.

<body onclick="document.getElementById('anuntImportant').style.display='none'"> 
     <div id="anuntImportant" style="position: absolute; top:30%;left:40%; display:block;overflow:visible; z-index:1000"> 
      <img src="image/data/program-sarbatori.jpg"> 
     </div> 
    </body>

источник

2015-12-17 Razvan horatiu

Вы можете использовать sessionStorage для этого:

function hide() { 
    document.getElementById('anuntImportant').style.display='none'; 
    if (window.sessionStorage) { 
    sessionStorage.setItem('hideAnuntImportant', true); 
    } 
} 
window.onload = function() { 
    if (window.sessionStorage) { 
    if (JSON.parse(sessionStorage.getItem('hideAnuntImportant'))) { 
     document.getElementById('anuntImportant').style.display='none'; 
    } 
    } 
} 

<body onclick="hide()">

или использовать PHP сессии, вам нужно будет позвонить Ajax запрос по щелчку и и в PHP вызова start_session и установить $_SESSION['anuntImportant'] истина, и когда вы оказываете элемент установить style="display: none"

ajax.php

<?php 
start_session(); 
$_SESSION['anuntImportant'] = true; 
?>

yourpage.php

<?php 
start_session(); 
?> 
    <body onclick="document.getElementById('anuntImportant').style.display='none'"> 
     <div id="anuntImportant" style="position: absolute; top:30%;left:40%; display:<?= $_SESSION['anuntImportant'] ? 'none' : 'block' ?>;overflow:visible; z-index:1000"> 
      <img src="image/data/program-sarbatori.jpg"> 
     </div> 
    </body>

источник

2015-12-17 10:02:40 jcubic

первые решения, это нормально, но есть небольшая задержка, на второй странице я навигации всплывающий показывает на 1 секунду и пропадают. –

@ Razvanhoratiu у вас не будет задержки, если вы используете php. Таким образом, я включил второе решение. – jcubic

Я вижу это, но моя страница магазина opencart, не разрешает это start_session на его странице и делает страницу пустой, любое решение для первого без задержки? –

Как сделать всплывающее окно с истечением срока действия

ответ

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