Limpiar Inputs y TextArea de un formulario en un Modal de Bootstrap

publicado por: Anonymous El código de la tabla con los botones es el siguiente: <table class=”table table-striped”> <thead> <tr> <th>Fecha</th> <th>Título</th> <th>Estado</th> <th>Comentarios</th> <th> Acciones&nbsp;&nbsp;&nbsp;&nbsp;<button type=”button” class=”btn btn-success” data-toggle=”modal” data-target=”#modal” id=”btn-noticia” onclick=”limpiarFormulario();”>Crear noticia</button> </th> </tr> </thead> <tbody> <?php for ($i = 0; $i < count($noticias); $i++) { $noticia_actual = $noticias[$i][0]; $comentarios_noticia_actual = $noticias[$i][1]; ?> <tr>…(Continue Reading)

Cargar vista en un modal con Ajax

publicado por: Anonymous ¡Hola! Verán… Tengo un dilema con la carga de un archivo (vista) que necesito se habrá en el body de un modal, ya que, este sera el principio para poder mostrar información mas adelante. Como tal, tengo lo siguiente. En mi vista Listado (donde tengo una tabla de valores) le eh asignado…(Continue Reading)

¿Cómo cerrar modal Angular 7 + Boostrap 4?

publicado por: Anonymous Estoy utilizando Angular 7 + Boostrap 4 y estoy abriendo un modal el cual está llamando a un componente a parte para ser mostrado en el cuerpo del modal. El contenido que se está llamando por medio de este componente es un formulario, pero al dar click en cancelar o guardar no…(Continue Reading)

Ventana modal en Bootstrap se cierra sola automáticamente

publicado por: Anonymous Buenas, tengo un problema con las ventanas modales de Bootstrap, Esta se cierra sola al abrirla, pincho en el botón, la abro. y en menos de un segundo se cierra, y si no se cierra sola, al mover el ratón se cierra. Es muy raro. Añado todo el código de la página…(Continue Reading)

Como quitar los bordes en el modal header de bootstrap

publicado por: Anonymous Buen día, estoy trabajando con laravel y bootstrap, ahorita estoy mas enfocado en el diseño, el problema es que al crear el modal me aparecen dos lineas blancas como si fuera un margen, hay alguna manera de quitarlas? Codigo <div class=”modal fullscreen-modal fade” role=”dialog” tabindex=”-1″ id=”ventana1″> <div class=”modal-dialog modal-lg ” role=”document”> <div…(Continue Reading)

Usar ventana modal para inicio de sesión con Devise en Rails

publicado por: Anonymous bueno mi problema es que he estado intentando implementar una ventana modal con Bootstrap y la gema Devise en Rails, la verdad he probado ya una gran cantidad de formas que he visto por Internet y ninguna me ha dado una solución en concreto. Ok aquí coloco lo que actualmente he hecho.…(Continue Reading)

Efecto de desenfoque de fondo al abrir un modal

publicado por: Anonymous He visto en algunas paginas que al abrir un modal el fondo aparece con un efecto de desenfoque, creo que ese efecto mejora la apariencia de esas paginas, lo que busco es que se desenfoque no solo el fondo, sino todos los elementos que se muestran en la pagina. ¿como podría realizarlo?…(Continue Reading)

¿Que función utilizo para crear una paginación dentro de un modal en Bootstrap?

publicado por: Anonymous Necesito crear una paginación en un formulario que tengo dentro de un modal en Bootstrap. Es decir un botón que ponga siguiente y sin recargar la pagina que pase a la siguiente parte del modal. He probado con esto a “class=’modal’ href=’mi_modal.php&modal=”.$i.” lo que hago con esto es recargar la pagina y…(Continue Reading)

¿Como cargar elementos HTML dentro de un modal dinamicamente?

publicado por: Anonymous Estoy implementando varias ventanas modales mediante Bootstrap. Una para cada cosa diferente.He hecho la prueba para cargar diferentes datos en una misma ventana modal. Explico…. Tengo una para recoger usuarios favoritos,otra para usuarios seguidores y otra para usuarios a los que sigo. He hecho la prueba para cuando presiono el botón indicado…(Continue Reading)

busqueda de busqueda y auto completacion usando javascript y html

publicado por: Anonymous buenas tengo que hacer un proyecto usando javascrip la libreria react js y html. el proyecto consiste en hacer un barra de búsqueda que auto completa lo que voy escribiendo, esto lo hace usando un api y todo esto se encuentra dentro de un modal. ya el modal y la barra de…(Continue Reading)

Como desplegar ventana modal de bootstrap con condicional de jquery?

publicado por: Anonymous No tengo mucho conocimiento sobre bootstrap. Quiero hacer una condicion para desplegar la ventana modal. Si los campos A y B estan vacíos, quiero mostrarla. de lo contrario no se debe mostrar. Este es mi codigo: _x000D_ _x000D_ if(username==’undefined’ && password==’undefined’){_x000D_ console.log(username);_x000D_ $(‘#myModal’).modal({_x000D_ show:true_x000D_ });_x000D_ login.username=””;login.password=””;_x000D_ }else{_x000D_ $(‘#myModal’).modal({_x000D_ show:false_x000D_ });_x000D_ } _x000D_…(Continue Reading)

Ejecutar una función al cerrar un modal

publicado por: Anonymous Tengo el siguiente modal: <div class=”modal fade” id=”TanqueBajo” role=”dialog”> <div class=”modal-dialog modal-lg”> <div class=”modal-content”> <div class=”modal-header”> <button type=”button” class=”close” data-dismiss=”modal”>&times;</button> <h4 class=”modal-title”>Tanque Bajo y Pozos</h4> </div> <div class=”modal-body”> <div class=”form-group”> <label for=”txtTanqueBajoInspeccionados”>Inspeccionados:</label> <input id=”txtTanqueBajoInspeccionados” name=”txtTanqueBajoInspeccionados” type=”number” class=”form-control” placeholder=”Número de inspeccionados”> </div> </div> <div class=”modal-footer”> <button id=”btTanqueBajo” type=”button” class=”btn btn-default” data-dismiss=”modal”>Cerrar</button> </div> </div>…(Continue Reading)

¿Mostrar un modal de bootstrap en Angular?

publicado por: Anonymous Contexto Estoy en aprendiendo angular y Jhipster, necesito mostrar un modal a modo mensaje de bienvenida al ingresar al sistema. El problema Mi modal no se muestra, solo se ve la sombra negra si que creo que estoy omitiendo algo pero no estoy seguro de que, la documentación es muy compleja y…(Continue Reading)

Bootstrap & Jquery Modal Window – Actualizar contenido

publicado por: Anonymous estoy creando una sitio web en el cual al clicar en un botón se abre una ventana Modal donde muestra una serie de imágenes. En cada una de esas imágenes hay los botones descargar y borrar. Al hacer clic en borrar no sé como hacer desaparecer esa imagen, es decir que recargue…(Continue Reading)

Oscurecer fondo al ejecutarse un modal boostrap?

publicado por: Anonymous Buenas tardes desarrolladores eh estado investigando en varios foros de programacion pero no eh encontrado una solucion satisfactoria, lo que quiero es que cuando se ejecute mi Pop-Up(modal), la pagina principal se oscuresca para que el modal resalte mas adjunto el codigo para ver que necesito cambiar o agregar para lograr dicho…(Continue Reading)

No quiero que mi modal se cierre al enviar formulario

publicado por: Anonymous Tengo un modal con un form que toma algunos datos del usuario para recibir la demo de un servicio. Ahora necesito que, cuando el usuario complete los campos y envíe los datos mediante submit, el modal no se cierre automáticamente. La idea es que en el mismo modal, una vez accionado submit,…(Continue Reading)

LIMPIAR CAMPOS DE UN MODAL

publicado por: Anonymous Tengo un modal en bootstrap, pero cuando lo cierro y luego lo vuelvo a abrir, me aparecen los datos anteriores en todos los campos, es decir, no se limpian, he utilizado diversas soluciones con jQuery, pero ninguna me resulta por completo. <div class=”modal fade” id=”exampleModal” tabindex=”-1″ role=”dialog” aria-labelledby=”exampleModalLabel” aria-hidden=”true”> <div class=”container modal-dialog”…(Continue Reading)

TypeError: $(…).dialog is not a function

publicado por: Anonymous mi error es el siguiente: Tengo una ventana modal que funciona, dicha ventana tiene el siguiente codigo: $(document).ready(function () { $(‘.accesori’).click(function () { var id = this.getAttribute(‘id’); //alert(id); $.get(“module/accesori/controller/controller_accesori.php?op=read&id=” + id, function (data, status) { var json = JSON.parse(data); console.log(json); if(json === ‘error’) { //console.log(json); //pintar 503 window.location.href=’index.php?page=503′; }else{ console.log(json.accesori); $(“#accesori”).html(json.accesori); $(“#imatge_accesori”).html(json.imatge_accesori);…(Continue Reading)

El contenido de ‘.modal-body’ aparece ‘visualmente’ fuera de su contenedor

publicado por: Anonymous Lo que sucede es que hay una línea que delimita lo que vendría a ser el final del “modal-body”. Pero como pueden ver en la imagen el contenido que ingreso dentro de la etiqueta con esa clase aparece como si estuviera fuera de ese contenedor pero un poco mas arriba del footer(los…(Continue Reading)

React Modal Dinamico – Necesito mostrar varios modal con diferentes contenidos

publicado por: Anonymous ¿Como puedo tener varios modal con diferentes contenidos en react? Por ejemplo en HTML: En el BOTON para abrir el modal se usa un : data-target=”#basicExampleModal” para llamar al id: del modal id=”basicExampleModal” Entonces con poner el id de cada contenido ya puedo abrir los distintos modal con el contenido que necesito.…(Continue Reading)

¿ayuda con ventana modal en css para que aparezca adelante de toda la ventana y no atrás?

publicado por: Anonymous Necesito ayuda pues copie un codigo de ventana modal para html y css, y el problema que tengo esque la ventana me aparece atras de todo Como ven cuando hago clic en política de privacidad se abre la ventana modal pero sale atrás de todo ¿cómo logro de que aparezca adelante? Aquí…(Continue Reading)

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

publicado por: Anonymous Necesito hacer que el modal que se abre al cargar no se pueda cerrar a menos que el check de aceptar esté checkeado sé como comprobar que esté checkeado pero lo qe no es como hacer que no se pueda cerrar el modal, ya que con clicar fuera de este es suficiente…(Continue Reading)

Abrir un Modal desde la URL (Link de una pagina a otra pagina)

publicado por: Anonymous Soy nuevo en la comunidad y esta es mi primer pregunta para esta comunidad que me ha ayudado mucho. He estado buscando como loco en español y en ingles como abrir un Modal de bootstrap 4 con la dirección URL de un href. Quiero abrir el modal automaticamente desde el boton de…(Continue Reading)

Componente complejo como una modal. Angular 2

publicado por: Anonymous ¿Cómo usar un componente de formulario complejo (con servicios, inyecciones, etc) como un modal sin tener que poner su html en el componente padre? Mi estructura es la siguiente: src —– app.component.ts —– app.component.html —– modals/ ————- modal_one.ts ————- modal_one.html ————- modal_other.ts ————- modal_other.html ¿Cómo utilizo < modal_one > sin ponerlo en…(Continue Reading)

Problemas con Bootstrap – Ventana Modal y Nav-Tabs

publicado por: Anonymous Tengo el siguiente problema: Trabajando con Bootstrap, tengo una web que muestra 12 propiedades en un thumb, cada una con un botón para ver los detalles de la misma, ese botón, abre una ventana MODAL de la propiedad, donde dentro dispongo de información detallada de la propiedad de referencia, los cuales los…(Continue Reading)

¿Cerrar un modal usando JQuery y Materialize?

publicado por: Anonymous Hago de nuevo la pregunta porque con todas las respuestas que me dieron todavía no pude solucionar el problema, lo cual además me parece super extraño porque varias de las respuestas tienen mucha lógica! ¿Que necesito? Abrir un modal al hacer click en una imagen y que luego el modal se cierre…(Continue Reading)

modal se visualiza por detrás de otro modal

publicado por: Anonymous tengo un problema con una ventana modal en boostrap el problema es que son 3 ventanas modales, 2 de las ventanas se muestran correctamente , pero 1 se muestra detrás de la ventana modal principal. imagen ventana que se muestra bien. imagen de ventana que se muestra detrás. Aca el codigo del…(Continue Reading)