es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: MODAL-DIALOG

Cerrar modal de JavaScript cuando el usuario haga clic fuera del modal.

Tengo este código simple: <div class=”modal”> <h1>Contenido</h1> <button id=”read”>LEER MÁS</button> </div> <div class=”overlay” id=”modaloverlay”> <span class=”closebutton”>X</span> <div class=”modalinfo”> Más contenido </div> </div> .overlay { background: rgba(0,0,0,.9); padding: 20px; position: fixed; top: 10px; bottom: 10px; left: 0; right: 0; align-items: center; justify-content: center; display: none; max-width: 600px; margin: 0 auto; color: . . . Read more

Cómo mantener el modal abierto si hay errores.

Me gustaría que el modal se mantenga abierto si hay errores, pero el modal no se abrirá automáticamente cuando haya errores. <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link href=”{{ asset(‘css/app.css’) }}” rel=”stylesheet”> <script src=”//unpkg.com/alpinejs” defer=””></script> <script src=”{{ url(‘/js/jquery.min.js’) }}”></script> <script src=”js/jquery-3.5.1.min.js”></script> <script src=”js/bootstrap.min.js”></script> </head> @if($errors->any()) <script type=”text/javascript”> $(document).ready(function(){ $(‘#modal-title’).modal(‘show’); . . . Read more