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 ...
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-...
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( ...
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='...
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 ...
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 ...
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="...
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 ...
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");
$('#...
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:
$('#...
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 ...
3
votos
Aceptado
¿Como puedo destruir un summernote?
Puedes añadir en lugar de:
$("#descripcionA").code("");
Esto:
$("#descripcionA").summernote('destroy');
Al cerrar tu modal.
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['...
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 ...
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....
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: ...
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!
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
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 ...
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 ...
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....
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">.
...
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 ...
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:...
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, ...
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 ....
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 ...
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");
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 ...
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'
...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
modal × 480javascript × 198
bootstrap × 131
php × 127
html × 116
jquery × 92
css × 48
ajax × 48
html5 × 29
laravel × 27
mysql × 24
bootstrap-4 × 20
angular × 18
reactjs × 17
asp.net × 12
popup × 12
java × 11
c# × 11
datatables × 10
materialize × 9
formularios × 8
ventana × 8
mysqli × 7
sql × 6
vue.js × 6