Información de etiqueta

Respuestas populares con la etiqueta

5 votos
Aceptado

¿Como hago para cambiar únicamente el color del texto del botón de SweetAlert2?

Podrías usar la propiedad customClass customClass Una clase CSS personalizada para la ventana emergente: customClass: { container: '...', popup: '...', header: '...', title: '...', ...
Marcos's user avatar
  • 33.8k
4 votos
Aceptado

SweetAlert2 se cierra antes de confirmar (vista blade de Laravel)

Lo que está pasando es que tu botón no ejecuta el submit de tu formulario debido a que le dices (con preventDefault()) que, después del evento click, no haga nada más. Las soluciones a este problema ...
Jonatan Lavado's user avatar
4 votos
Aceptado

Confirmación de envío de formulario SweetAlert2

Básicamente lo que te comentaba era hacer el preventDefault()del event y después forzar el submit mediante JS. El submit lo hago mediante JS document.getElementById("formulario").submit(); por que no ...
x3k's user avatar
  • 3,801
3 votos
Aceptado

¿Cómo eliminar un registro utilizando SweetAlert?

Como tal SweetAlert tiene su forma de validar la opción seleccionada, esto se realiza a través de un then. $(".btn-eliminar").on("click", function () { Swal.fire({ title: 'Está seguro que ...
Jonathan Arias's user avatar
3 votos
Aceptado

Mensaje de confirmación sweetalert2

El problema es que showCancelButton ya esta deprecado, debes preguntar si se confirmo la impresión y despues mandar llamar el window.location <script> $(function () { ...
Jose I. Estrada's user avatar
3 votos

Cambio de alert por sweet alert

A la respuesta de cómo implementar un Sweetalert2, sólo tienes que añadir las librerías necesarias, jQuery y las propias de sweetalert2 y luego modificar la sintaxis del alert. Aquí te dejo una ...
ErnestoRM's user avatar
  • 1,759
3 votos
Aceptado

Boton de confirmar "eliminar" en CRUD

Una solución podría ser: Modificar el selector de JS para que busque los "botones" Eliminar por una clase (por ejemplo: confirmDelete) y no por un id. Modificar el markup (HTML) para asignarle a los ...
Marcos's user avatar
  • 33.8k
3 votos

Problema con sweetalert confirmar enlace

Tienes una falla en la estructura de su swal, no estás habilitando el botón cancel, debes hacerlo de la siguiente manera: $("#confirm").click(function(e) { e.preventDefault(); // Prevent the ...
Bender Paisa's user avatar
  • 12.7k
3 votos
Aceptado

Aplicaciones HTML (HTA) y ES6

Hace bastantes años no realizo las HTML Applications (HTAs)... por el año 2003/2004 en su momento tenias un control del navegador que no te daban todos. Funcionaba sobre IE, especificamente sobre el ...
Jose A. Fernandez's user avatar
3 votos

Obtener resultado de PHP en callback JS

Bien, estas retornado un objeto JSon con la función json_encode que esta correcto. El problema es como se esta recibiendo en el ajax. No utilices el JSON.parse. Debes agrega a los parametos del ajax, ...
drago5's user avatar
  • 31
2 votos

¿Cómo lograr que se ejecute un script cuando el usuario confirme una acción?

Puedes usar windows.confirm(), es un metodo que despliega un dialogo que muestra los botones 'si' y 'no', te quedaría así: <script> $(document).ready(function () { $(".btn-eliminar").on("...
Luis Contreras Guerra's user avatar
2 votos
Aceptado

Mensaje de confirmación con sweet alert 2, y guardar un elemento al confirmar con Laravel

Prueba con este código $("#boton").onclick(function(event){ event.preventDefault(); let form = event.target; swal.fire({ title: '¿Seguro que desea eliminar el ...
Alonso Ureña's user avatar
2 votos

Redireccionar a una página en un SweetAlert

Intenta de esta manera... La función .then redirige después de que el usuario hace click en el botón. Debes cambiar index.php por la URL a la que quieres redirigir if(mysqli_stmt_execute($stmt)){ ...
DjCrazy's user avatar
  • 6,816
2 votos
Aceptado

Sweet Alert en Modal Bootstrap

El problema es que de seguro tienes un try catch en el servidor por lo que controlas los errores y regresa una respuesta sin problema. Mi solución es agregar una propiedad al Json retornado llamado ...
denifer santiago fernandez's user avatar
2 votos
Aceptado

SweetAlert: Unexpected 2nd argument

El código que describes en tu respuesta es de una versión anterior a 2, actualmente debes usar promises, revisa la guia. swal("Click on either the button or outside the modal.") .then((value) => { ...
Jorgesys's user avatar
  • 109k
2 votos
Aceptado

Como reemplazar mis alert por sweet alert - formulario html y procesado en php

Necesitas descargar la librería para usar el sweetalert a tu proyecto e importarlo en tu pagina... o pon esto: <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> ...
streleon's user avatar
  • 530
2 votos
Aceptado

Sweetalert sin modal

Según la documentación necesitas indicar: target: El elemento contenedor para agregar modal en. customClass: Una clase CSS personalizada para el modal. Ejemplo: function fire() { Swal.fire({ ...
Marcos's user avatar
  • 33.8k
2 votos

Sweetalert sin modal

lo que puedes hacer modificando los css de sweetAlert: function fire() { Swal.fire({ icon: 'success', title: 'Done', text: 'Request done', allowOutsideClick: false, ...
Ricardo Arana's user avatar
2 votos

Redireccionar a página si se cumple condición con Ajax y SweetAlert2

Tomando en cuenta las opciones de respuesta que tienes y el tratamiento de información del backend, muy posiblemente tienes que tranformar el dato obtenido, ya que recibes json, por lo tanto, cambia ...
Jonathan Orta's user avatar
2 votos
Aceptado

Pasar variable en laravel a sweetalert2

puedes recibir el valor que envias con el with asi: @if(Session::has('empleado')) //nombre del campo de with, verificamos que exista <script> Swal.fire({ icon: 'success', ...
Tehz's user avatar
  • 872
2 votos

¿Por que no me funciona sweetalert2, pero si un alert normal?

@Tiago, como comenta @Mario Posada, al no ver el código pareciera que no estás llamando a la libreria, anexo respuesta con tu código, el mismo funciona adecuadamente. function maquina() { let ...
Gustavo's user avatar
  • 23
2 votos
Aceptado

Como llamar a una funcion desde Sweetalert

hasta donde entiendo, es que quieres saber cómo, al momento de darle "ACEPTAR" al botón que te muestra el Sweetalert te permita hacer una llamada ajax a un endpoint y ejecutar lo que ...
gaidyjg's user avatar
  • 764
2 votos

problema con tema dark de sweetalert2

el link y el script correctos son estos sin la necesidad de instalar el npm son los siguientes <link href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="...
Claudio Gutiérrez's user avatar
1 voto
Aceptado

No puedo colocar un sweetalert con una lista desplegable (inputoption)

mira puedes basarte en este ejemplo, no importa que no utilices el parametro de input que tiene por defecto en el sweetalert, tambien le puedes poner html en duro. Espero te sirva async function ...
Sergio Gómez's user avatar
1 voto

¿Como ejecutar una funcion Js desde una vista laravel?

Es solo extender la sección 'js' dentro de tu vista blade. Yo lo hago de la siguiente manera: @section('js') <script src="{{asset('js/nombrearchivo.js')}}"></script> @stop
Jorge Edo. Hernández's user avatar
1 voto
Aceptado

Restringir alerta de Sweel Alert en botón

Lo más práctico seria usar el evento keyup e inhabilitar el botón tal como necesitas, con la idea de al momento de estar activo (porque los campos están completos), se pueda enviar la información y ...
ZeroCool's user avatar
  • 885
1 voto
Aceptado

ELIMINACION CON JQUERY ,PHP Y SWWETALERT2

Para eliminar con confirmación puedes hacerlo de esta forma <button id="bElim" type="button" class="btn btn-sm bg-danger text-white" onclick="rowElim(12);"&...
José Vásquez's user avatar
1 voto

Error tildes en SweetAlert2

En vez de utilizar "text" utiliza "html", intenta con esta modificación: $("#alertTermContr").click(function(){ Swal.fire({ title: 'Terminacion Contrato', ...
IssacPacheco's user avatar
1 voto

¿Cómo puedo implementar SweetAlert en Django?

Si lo estas poniendo así exactamente como lo pones acá: <script src=" {% static 'lib/sweetalert2-9.10.0/sweetalert2.all.min.js' %} "></script> Probablemente no te esta cargando ...
Kevin Ramirez Zavalza's user avatar
1 voto

¿Como usar fontAwesome Icons o Sweet Alert icons en Sweet Alert 2 Vue?

Ya es un poco tarde para responder supongo pero aquí la solución a los que estás buscando. Y para empezar, no se puede añadir un icono distinto a los preestablecidos por los editores a no ser que ...
Jovany Hernández Lázaro's user avatar

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