eurowebpage/modal-au-chargement-avec-cookie-session.php

## modal-au-chargement-avec-cookie-session.php
//Dans la Balise <head>   ... la ligne ci-dessous   </head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.2/js.cookie.js"> </script>
###############################################################################################
// Dans le footer avant ou après la balise <footer></footer>

<!-- The Modal -->
<div class="modal fade show" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header btn-primary  d-block">
        <h4 class="modal-title text-center" id="exampleModalLabel">Modal au chargementde la page</h4>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
          <p class="lead">Si vous n'appuyer pas sur le bouton FERMER la modal va apparître automatiquement sur toutes les pages ou la page à chaque actualisation d'une page</p>   </div>

      <!-- Modal footer -->

    <!--  <div class="modal-footer">
        <button type="button" id="envoi-cookie"  class="btn btn-primary" data-dismiss="modal">Close</button>  -->

          <button onclick="window.location.href='<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>'" type="button" id="envoi-cookie"  class="btn btn-lg btn-primary"  data-dismiss="modal">FERMER et ne plus afficher le message</button>
      </div>
    </div>
  </div>
###############################################################################################
// Dans le footer avant la balise  </body>
<?php
$nomcookiemodal = 'pubmodal';  // ici le nom du cookie est : pubmodal
$str = <<<EWP_MODAL
<script>

// 1
    $(window).on('load',function(){
      $('#myModal').modal('show');
         });
// FIN DE 1
//2
    $(document).ready(function(){
      if(!Cookies.get('$nomcookiemodal')){
         setTimeout(function() {
            $('#myModal').modal();
              }, 15000);
                }

  $("#envoi-cookie").click(function () {
      Cookies.set('$nomcookiemodal', true);
         });
  });
// FIN DE 2

</script>
EWP_MODAL;

      if(!isset($_COOKIE[$nomcookiemodal])) {
    echo $str;
} else {

}

?>