Перенаправить при нажатии div

Question

Я пытаюсь получить его, когда кто-то нажимает на div, что он выдаст предупреждение через несколько секунд после автоматического перенаправления.

Мой php код:

<?php
    if(!isset($_SESSION['USER'])) { ?>
        <a href="autohuren.php">
            <div class="btn btn-outline btn-default" style="background-color:white;">
                Huur deze auto.
            </div>  
        </a>
<?php } ?>

Этот код будет перенаправлять, но не при нажатии div. И их не настороже.

if(!isset($_SESSION['USER'])) { 
echo "Please Log In First";
echo "<script>setTimeout(\"location.href = 'http://www.forobd2.com';\",1500);</script>";
} ?>

Итак, я хочу, чтобы div при нажатии предупреждал сообщением и перенаправлял через несколько секунд. Я надеюсь, что кто-то может помочь мне с этим!

Answer 1

Сначала необходимо удалить событие по умолчанию для ссылки. Затем вам нужно подождать 2 секунды и сделать перенаправление.

<a id="link" href="autohuren.php">
    <div class="btn btn-outline btn-default" style="background-color:white;">
        Huur deze auto.
    </div>  
</a>


<script type="text/javascript">         
document.querySelector('[href="autohuren.php"]').addEventListener("click", function(event) {
    event.preventDefault();
    <?php if(isset($_SESSION['USER'])) { ?>
    window.setTimeout(function(){ 
        window.location.replace("autohuren.php");
    },2000);
    <?php }else{ ?>
    alert('Please Log In First');
    <?php } ?>
}, false);
</script>