How to know if a person has clicked on a DIV or not

Question

How to know if a person has clicked on a DIV or not

Asked 5 years, 8 months ago

Viewed 267 times

0

I have an ad and I want to know if the person has already clicked on the ad in the last 2 days.

If it has already clicked, it does not appear but, if it has not clicked, it still appears.

Something like that:

<!DOCTYPE html>
<?php
  setcookie("USER","sim", time() + 172800); // 86400 = 1 dia, 172800 = 2 dia
?>
<html>
<body>

<?php if (!isset($_COOKIE["USER"])): ?>
  <div class="anuncio">
    ANUNCIO PARA QUEM NÃO CLICOU AINDA!
  </div>
<?php else: ?>
  <div class="">
    OPS, VC JA CLICOU NÃO APARECER ANUNCIO
  </div>
<?php endif; ?>

</body>
</html>

But, how to know if he has already clicked into this <div>, that is, if he has already clicked on the ad

You can use javascript to create a cookie, when it clicks on the ad, and then check if the cookie exists.

– Raizant

2018/10/13 at 22:46
https://stackoverflow.com/questions/36493716/onclick-javascript-cookie

– Raizant

2018/10/13 at 22:46
Help me ? No java script manjo.

– Matheus Vitor

2018/10/13 at 22:47

2 answers

1

Use Java script with ajax, to load the page in PHP when clicking the div!

<script type="text/javascript">
 function gravaCookieclique() {
  $.ajax({
   method: "POST",
   url: "gravacookieclique.php",
   data: { gravaCookieclique: "sim"}
  });
 }
</script>

And in PHP put your function with $_POST

Browser other questions tagged php javascript html cookies

You are not signed in. Login or sign up in order to post.

by Costamilam • **9,556** points · Answer 1 · 2018-10-13T22:58:56+00:00

A solution without PHP and cookie, only with JS and Localstorage:

//Elemento do anuncio
const anuncio = document.querySelector('#anuncio');

//Se houver o anuncio salvo
if (localStorage.anuncio) {
  //Cria um objeto de data com o valor salvo
  let data = new Date(localStorage.anuncio);
  //Adiciona dois dias a data criada
  data.setDate(date.getDate() + 2);

  //Compara a data salva com a data atual
  if (data > new Date()) {
    //Se a data salva + 2 dias for maior que a data atual, esconde o anuncio
    anuncio.style.display = 'none'
  }
}

//Adiciona um ouvinte de evento no elemento do anuncio
anuncio.addEventListener('click', function() {
  //Salva em localStorage a data
  localStorage.anuncio = new Date();
});