Información de etiqueta

Respuestas populares con la etiqueta

6 votos
Aceptado

¿Mostrar un modal de bootstrap en Angular?

Después de analizar un poco más la documentación de Angular y TS descubrí mi error mensajeInicial: IMensajeInicial; @ViewChild("#modalMensaje") modal: ElementRef; el #sale sobrando una vieja ...
Misael Landeros's user avatar
5 votos
Aceptado

Efecto de desenfoque de fondo al abrir un modal

Si trabajamos con la biblioteca de Boostrap basta con aplicar el siguiente CSS .modal-open .container-fluid, .modal-open .container { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-...
Jheyman Mejia's user avatar
5 votos
Aceptado

Detectar el click a elementos html generados a partir de un array ? (Javascript)

puedes hacerlo accediento al target del evento ejemplo: let wrap = document.getElementById("wrap"); let array = ["hola 1","hola 2","hola 3"]; let content = ""; // creamos elementos dinamicos for( ...
Bryro's user avatar
  • 9,061
4 votos

¿Cómo hacer que no se pueda cerrar un modal sin aceptar términos?

Aquí lo tienes, mi consejo es que cambies el checkbox, por que al no dejar salir mas que aceptando el checkbox es mas natural que sea un botón. ¿Que se hace? se añade este comando "data-backdrop='...
Raúl Garcia's user avatar
4 votos
Aceptado

modal bootstrap cerrar con enter

Puedes saber cuando un modal se ha mostrado con el evento 'shown.bs.modal', aquí te dejo el enlace para ver los eventos del modal. $('#exampleModal').on('shown.bs.modal', function (e) { }); Una vez ...
Sergio López's user avatar
4 votos
Aceptado

¿Cerrar un modal usando JQuery y Materialize?

No necesitas #modalOut los modales de materialize tienen una opción que es dismissible. Esta opción lo que hace es que al hacer click fuera del modal se cierre. Su valor por defecto es True. Puedes ...
Fran Islas's user avatar
  • 2,379
4 votos

Abrir modal de entrada

jQuery(document).ready(function(e) { jQuery('#myModal').modal('show'); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="...
denifer santiago fernandez's user avatar
4 votos
Aceptado

Can't bind to 'target' since it isn't a known property of 'button'

En angular las variables para los atributos se concatenan sin las llaves {{}}. <button class="btn btn-danger" [attr.data-toggle]="modal" [attr.data-target]="'#myModal'+publication._id"> Luego ...
user148316's user avatar
4 votos
Aceptado

¿ Cómo ejecutar mi modal que pertencece a otro componente?

Como puedes ver, tu código funciona correctamente (uses o no el evento "click" del botón): // No hace falta para nada /*$('.openBtn').on('click', function() { console.log("eeee"); $('#...
OscarGarcia's user avatar
  • 28.4k
4 votos
Aceptado

Script de Bootstrap modal emite error (Uncaught ReferenceError: show is not defined)

En la documentación de .modal('show')) puedes comprobar que el parámetro es una cadena de caracteres. Tú estás usando una variable que no está definida. La forma correcta de hacerlo sería: $('#...
Gabriel Jeremy Rodriguez River's user avatar
3 votos

Como hacer data-target de un boton hacia una clase existente

Viendo tu código completo la solución que deberías aplicar es meter la imagen dentro de un <label for="ActivaVentana" id="AbreModal"></label> y no dentro de un botón. Tu código funciona ...
Bender Paisa's user avatar
  • 12.7k
3 votos
Aceptado

¿Como puedo destruir un summernote?

Puedes añadir en lugar de: $("#descripcionA").code(""); Esto: $("#descripcionA").summernote('destroy'); Al cerrar tu modal.
Edu3D's user avatar
  • 967
3 votos

Necesito ayuda con un elseif

Te exhorto a que en vez de anidar los if de esa manera hagas lo siguiente //Inicializo el arreglo de los errores (vacío) $errors = array(); //Voy capturando los errores de 1 en 1 if (empty($_POST['...
Dariel Ramos Díaz de Villegas's user avatar
3 votos

Ventanas modales Javascript

Algo que puedes hacer es mandar un identificador en cada evento asociado a cada boton. En este caso yo le puse un "1" y un "2" como identificadores. De esta manera, puedes reusar la misma función para ...
Kenny Barrera's user avatar
3 votos
Aceptado

Cual es la ventaja o desventaja de hacer una ventana modal de esta forma?

Las ventajas de utilizar un plugin son: Código ya implementado de la funcionalidad que requieres (en este caso, una ventana modal). En muchos casos, parámetros de configuración y multitud de opciones....
Enric A.'s user avatar
  • 146
3 votos
Aceptado

¿Cómo puedo adaptar mi ventana modal a celulares?

Hay varias maneras, depende de como quieres que se vea. Por ejemplo puedes agregar más espacio a ese modal específico, agregando una clase, por poner un ejemplo modal-ancho : .modal-ancho{ width: ...
Edgar Gutiérrez's user avatar
3 votos
Aceptado

Abrir un modal despues de un evento Keypress?

cómo estás? Cambia esto if(e.keyCode === 13){ en vez de un solo "=" agrega 2 más para asegurar que sea el tipo de variable correcta, con eso te funcionará. Saludos!
Jonathan Schell's user avatar
3 votos

Oscurecer fondo al ejecutarse un modal boostrap?

Agrega esto a tu CSS .modal-backdrop { opacity:0.5 !important; } El !important hará que no se sobrescriba el valor
Hoose's user avatar
  • 3,075
3 votos
Aceptado

Aparición de Div y Body no usable

Crea una capa entre el modal y la página de fondo (creo que puede llamarse scrim, aunque no estoy seguro, podría ser un elemento que contenga al modal para simplificar el asunto), que tenga posición ...
Alvaro Montoro's user avatar
  • 49.3k
3 votos
Aceptado

LIMPIAR CAMPOS DE UN MODAL

Para limpiar los valores de entrada del modal puedes hacer de la siguiente forma: $('#exampleModal').on('show.bs.modal', function (event) { $("#exampleModal input").val(""); $("#exampleModal ...
Orlando De La Rosa's user avatar
3 votos

Modal Onload (Css / Javascript)

Tienes la función que abre la modal en un onclick en el botón, solo debes cambiarlo para que esa función se ejecute cuando cargas la página. Sustituir: btn.onclick = function() { modal.style....
Rabegi's user avatar
  • 1,317
3 votos
Aceptado

Llamado a modal según condición en success AJAX

Puede ser que tengas algún mal cierre de etiquetas div en tu código y eso provoque el problema. Posibles Problemas: Verificar usar para cada modal <div class="modal" id="diferente_siempre">. ...
Diego Mesa's user avatar
  • 1,559
3 votos

Cerrar Pop Up / Modal con HTML y CSS?

Hay diversas maneras de mostrar/ocultar un modal. Una manera sencilla es utilizar JavaScript para aplicar la propiedad CSS display al modal de forma dinámica. En este ejemplo utilizo la propiedad ...
Juan Marco's user avatar
3 votos
Aceptado

Capturar evento al cerrar modal

En la documentación sobre eventos, puedes capturarlo de la siguiente forma $('#myModal').on('hidden.bs.modal', function (event) { // do something... }) Existiendo dos variantes al momento de cerrar:...
Jheyman Mejia's user avatar
3 votos
Aceptado

Enviar datos formulario vía ajax php while

Sin ver todo tu código, diria que tienes creados tantos modales como elementos tiene tu tabla, y todos del mismo modo, por lo tanto cuando los ves no es problema, muestran los datos correctamente, ...
masterguru's user avatar
  • 15.8k
3 votos
Aceptado

Paso de parámetros en modal y jquery

es por que llamas mal a $(this).data('drop'); y var idinc = $(this).data('idinc'); fijate que estas usando $(document).on('click', '.btn-terminar-incidencia', en ningun momento llamas a $("a ....
John's user avatar
  • 1,472
2 votos
Aceptado

Modal no aparece completo

De hecho, el problema es que el menú y la cabecera (verdes) tienen un z-index más alto que la de la modal. Es probable que le hayas dado un z-index demasiado alto si tienes la cabecera fija. Para ...
gugadev's user avatar
  • 19.1k
2 votos

¿Como cargar elementos HTML dentro de un modal dinamicamente?

No se si entendi bien, pero si quieres agregar elementos HTML puedes usar append Algo así: $("#id_del_elemento_al_que_se_agrega").append("Código html");
M. Gress's user avatar
  • 1,480
2 votos

Pasar varios datos a modal

En el código js has usado la misma variable para casi todas: <script> $(document).on("click", ".open-AddBookDialog", function () { var mycomisionId = $(this).data('id'); var ...
Edu3D's user avatar
  • 967
2 votos
Aceptado

Necesito ayuda con un elseif

Tienes varios errores: El name de tu input dice imagen y tu estas capturando $_POST['imageni'] una imagen se captura usando $_FILES[''] Tu etiqueta form debe tener enctype='multipart/form-data' ...
Bender Paisa's user avatar
  • 12.7k

Only top scored, non community-wiki answers of a minimum length are eligible