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: '...',
...
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 ...
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 ...
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 ...
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 () {
...
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 ...
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 ...
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 ...
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 ...
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, ...
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("...
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 ...
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)){
...
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 ...
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) => {
...
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>
...
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({
...
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,
...
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 ...
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',
...
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 ...
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 ...
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="...
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 ...
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
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 ...
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);"&...
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',
...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
sweetalert2 × 117javascript × 68
php × 28
html × 16
jquery × 16
sweetalert × 16
ajax × 15
laravel × 9
css × 6
html5 × 6
angular × 5
mysql × 4
reactjs × 4
mvc × 4
typescript × 3
modal × 3
bootstrap × 2
django × 2
vue.js × 2
formularios × 2
datatables × 2
validación × 2
jsf × 2
eventos × 2
promesas × 2