Cómo mostrar ventana emergente de forma automática usando modal bootstrap

popup

Cómo mostrar ventana emergente de forma automática usando modal bootstrap

Cómo mostrar ventana emergente de forma automática usando modal bootstrap

En este post os voy a dejar el código necesario para que se os abra un popup automáticamente cuando entréis en una pagina. Estos popup yo los suelo utilizar en tiendas online sobre todo ya que pueden servir via informativa de alguna promoción de algún producto en especial. Yo encontré este simple ejemplo en getbootrap  y aparte tenéis que agregarle los jquery correspondientes. También podéis utilizarlo en vuestros diseños web personalizados.

Bueno no me en royo mas aquí os dejo el código fuente.

<html>
<head>
   <meta charset="utf-8">
   <title>Mostrar Ventane Modal de forma Automático</title>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
   <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script
   <script>
      $(document).ready(function()
      {
         $("#mostrarmodal").modal("show");
      });
    </script>
</head>
<body>
   <div class="modal fade" id="mostrarmodal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
           <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h3>Cabecera de la ventana</h3>
           </div>
           <div class="modal-body">
              <h4>Texto de la ventana</h4>
              Mas texto en la ventana.   
       </div>
           <div class="modal-footer">
          <a href="#" data-dismiss="modal" class="btn btn-danger">Cerrar</a>
           </div>
      </div>
   </div>
</div>
</body>
</html>
No Comments

Sorry, the comment form is closed at this time.