Código de PHP - Crear un Modal y que este se muestre varias veces en concreto

Filtrado por el tag: Html

<<>>

Pos: 91

Val: 73

Ha aumentado 1 puesto en PHP (en relación al último mes)

Crear un Modal y que este se muestre varias veces en concreto

PHP

(3)

Actualizado el 4 de Febrero del 2020 por Manuel (Publicado el 9 de Julio del 2019)

4.368 visualizaciones desde el 9 de Julio del 2019

El código nos deja mostrar un modal dos veces al iniciar la primera pagina o en la pagina que deseemos instalarlo, la idea de este fue mostrar la linea de soporte al ingresar a la pagina y que el usuario de cerrar, si en el transcurso del mismo día vuelve volverá a salir el modal y quedara activa la Cookie de que el modal ya se mostró, si el mismo usuario vuelve una tercera vez no volverá a ver el modal sirve para mostrar noticias o ofertas por solo esas primeras dos veces que se ingresa y si se desea mas veces se puede modificar sin ningún problema.

1.0
(3)

Publicado el 9 de Julio del 2019

gráfica de visualizaciones de la versión: 1.0

2.944 visualizaciones desde el 9 de Julio del 2019

El código del modal es:

<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<div class="container">

    <!-- Modal -->

    <div class="modal fade" id="modalInicio" role="dialog">

    <div class="modal-dialog">

        <!-- Modal content-->

       <div class="modal-content">

         <div class="modal-header">

            <button type="button" class="close" data-dismiss="modal">&times;</button>

            <h4 class="modal-title"> TITULO </h4>

         </div>

         <div class="modal-body">

                    Cuerpo del modal

                  </div>

                  </div>

         </div>

         <div class="modal-footer">

            <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>

          </div>

        </div>

      </div>

    </div>

  </div>

<?php if($exibirModal === true) : // Si nuestra variable de control "$exibirModal" es igual a TRUE activa nuestro modal y será visible a nuestro usuario. ?>

<script>

$(document).ready(function()

// id de nuestro modal

$("#modalInicio").modal("show");

});

</script>

<?php endif; ?>

El código del PHP:

<?php

$expirar = 86400; //escribir tiempo en segundos para la variable

if($_COOKIE['contador']){

  setcookie('contador',$_COOKIE['contador']+1, time()+$expirar);

}else{

  setcookie('contador', 1, time()+$expirar);

$exibirModal = true;

if($_COOKIE['contador'] >= 1){

# Iniciando la variable de control que permitirá mostrar o no el modal

$exibirModal = false;

  if(!isset($_COOKIE["mostrarModal"])){

    # Caso no exista la cookie entra aquí

    setcookie('mostrarModal', 'MostrarModal:Si', (time() + $expirar)); // mostrará cada 24 horas.

    # Ahora nuestra variable de control pasará a tener el valor TRUE (Verdadero)

    $exibirModal = true;

include 'partials/modal.php'; //La ruta donde van a dejar el codigo anterior.

Comentarios sobre la versión: 1.0 (3)

Sandro

12 de Julio del 2019

quitale la eliminacion de la coockies, estan mal tus if's

<?php

$expirar = 86400; //escribir tiempo en segundos para la variable

if($_COOKIE['contador']){

  setcookie('contador',$_COOKIE['contador']+1, time()+$expirar);

}else{

  setcookie('contador', 1, time()+$expirar);

$exibirModal = true;

if($_COOKIE['contador'] >= 1){

# Iniciando la variable de control que permitirá mostrar o no el modal

$exibirModal = false;

$cookie_name = "mostrarModal";

  if(!isset($_COOKIE[$cookie_name])){

	print 'Cookie with name "' . $cookie_name . '" do not exist...';

    # Caso no exista la cookie entra aquí

    setcookie($cookie_name, 'MostrarModal:Si', (time() + $expirar)); // mostrará cada 24 horas.

    # Ahora nuestra variable de control pasará a tener el valor TRUE (Verdadero)

    $exibirModal = true;

#include 'partials/modal.php'; //La ruta donde van a dejar el codigo anterior.

include 'modal.php'; //La ruta donde van a dejar el codigo anterior.

  }else{

	print 'Cookie with name "' . $cookie_name . '" exist...';

	unset($_COOKIE[$cookie_name]);

	// empty value and expiration one hour before

	$res = setcookie($cookie_name, '', time() - 3600);

Responder

Sandro

12 de Julio del 2019

refresca la pagina únicamente y funciona

Responder

Manuel

16 de Julio del 2019

Muchas gracias por la corrección, ya actualiza en mi pagina el código y funciona perfecto, si me lo permite actualizo el código acá y lo pongo con la versión 2?

Responder