Тёмный

Sweet Alert 2 ¡aprendé a usarlo fácilmente! 

Informática DP
Подписаться 53 тыс.
Просмотров 65 тыс.
50% 1

Опубликовано:

 

10 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 64   
@dtormo
@dtormo 3 года назад
Excelente material !! Gracias por compartir tus conocimientos.
@informaticadp
@informaticadp 3 года назад
Muchas gracias David!!
@alexisvichich2767
@alexisvichich2767 4 года назад
Tremendo laburo... felicitaciones. Pude implementar todo sin drama!
@informaticadp
@informaticadp 4 года назад
Muchas gracias Alexis!
@SoSos561
@SoSos561 Год назад
Hola al alguna manera de realizar lo siguiente. Tengo un formulario dónde utilizo cliente y tengo una condición en el form cliente que no me deja eliminar los clientes que estoy usando en el otro formulario, como hago para que me diga elemento eliminado cuando se pueda y cuando no se pueda eliminar que me diga no se puede eliminar porque está asignado en el otro formulario
@luiszacarias6374
@luiszacarias6374 Год назад
Hola amigo hice la alerta tal cual pero al momento de hcer click muestra la alerta pero la cierra al instante a que se debe, alguna solucion??
@mg_sistemas
@mg_sistemas 2 года назад
Buenas tardes no me deja bajar el proyecto...Gracias si podria ayudarme
@gianfrancogerman8889
@gianfrancogerman8889 4 года назад
Genial Bro, gracias por explicar y compartir sobre el tema 👍
@informaticadp
@informaticadp 4 года назад
Gracias a vos Gianfranco!
@enriqueatala2567
@enriqueatala2567 Год назад
Hola, muchas gracias, vos sabes que empecé a modificar y por ejemplo baje y subi los valores de la imagen como vos hiciste y me sigue dando el mismo tamaño inicial, puede ser un problema de cache, navegador, etc.?
@vicerexp
@vicerexp 3 года назад
WENAAAAAA MAESTRO.
@gabrielgrg2011
@gabrielgrg2011 2 года назад
Amigo, quisiera usar sweetaler para reemplazar un confirm, pero desearía que se detuviera la ejecución del código hasta que el usuario diga SI o No ?
@ignaciogomez8382
@ignaciogomez8382 3 года назад
Hola , gran video me ayudo bastante ..... veras cree un archivo js con las diferentes alertas , funciona todo bien, pero me pasa que quise actualizar mi alerta agregar un efecto animado y modificar el texto y cuando lo hago , me continua mostrando la misma alerta sin mis cambios , sabes a que se deberá ? agradecería tu ayuda.
@ramirocastrogiovanni8113
@ramirocastrogiovanni8113 5 лет назад
Muy buena la explicación. Saludos
@informaticadp
@informaticadp 5 лет назад
Gracias! Abrazo.
@carlosa.florescarrasco3728
@carlosa.florescarrasco3728 3 года назад
Sabes como modifico el tamaño de las alertas? solo me respeta el width pero no el height
@Minecraftvalenciano
@Minecraftvalenciano 2 года назад
GRACIAS POR EL QUEUE 💛🔥👏
@informaticadp
@informaticadp 2 года назад
Saludos y gracias!
@gnomekde123
@gnomekde123 5 лет назад
Muy bueno... solo que no se nada de jQuery no se como diablos pedirle la confirmacion cuando le das click a un boton que tiene un vinculo a otra pagina, como perdirle si abandonar la pagina ..aun no entiendo
@informaticadp
@informaticadp 5 лет назад
Fijate en este curso, utlilicé redireccionamiento y confirmación con sweet alert 2. ru-vid.com/group/PLrAw40DbN0l3SMVaY6vKCAP4UcIwF_4jQ
@JoseLeon-xb4gl
@JoseLeon-xb4gl 2 года назад
@Informática DP Que tal., disculpen alguien tiene algún ejemplo en el evento onload? estaria super...
@leonardosaheromero9104
@leonardosaheromero9104 5 лет назад
Aqui va mi consulta de novato, actualmente tengo un formulario de contacto que luego de hacer submit me entrega un mensaje posicionado sobre el formulario. q dura muy poco y aveces el usuario hace un reenvio del formulario por no ver el mensaje, como hago para implementar sweetalert y q este me reemplace mi metodo actual. Uso html y envio en contacto con phpmailer.
@informaticadp
@informaticadp 5 лет назад
Hola. Te recomiendo ver este curso, en el video 3 utilizo Sweet Alert 2. Creo que responde a tu pregunta. ru-vid.com/group/PLrAw40DbN0l3SMVaY6vKCAP4UcIwF_4jQ
@jorgealbertoescamilla4736
@jorgealbertoescamilla4736 4 года назад
Hola amigo ya lo implemente en mi proyecto pero no me genera la alerta dentro del echo, lo tengo de esta manera. if($contacion>0){ echo " Swal.fire({ title: 'Necesita Evaluar el reporte anterior para generar uno nuevo', animation: false, customClass: { popup: 'animated bounceIn' } }); "; }
@informaticadp
@informaticadp 4 года назад
Fijate el tema de los espacios en lo que está encerrado dentro del echo. Mira un ejemplo de como lo hago funcionar yo (no dejo ningún espacio entre los comandos, en lo que está entre comillas simples si): echo "alertify.success('Conectado como: $nomyape');";
@jorgealbertoescamilla4736
@jorgealbertoescamilla4736 4 года назад
@@informaticadp Ok amigo lo voy a echar en verdad gracias por tu ayuda.
@yellza
@yellza 4 года назад
No me funciona seguí uno a uno los pasos y no me funciona...por favor si me puedes ayudar te lo agradeciera mucho. Carga la pagina con los botones pero cuando le doy a uno de los botones no me da la alerta
@informaticadp
@informaticadp 4 года назад
Hola como va. En el navegador habilita la consola, y decime que error te marca.
@israelmunozrivas3312
@israelmunozrivas3312 4 года назад
@@informaticadp HOla, a mi marca el siguiente: sweetAlert.js:1 Uncaught ReferenceError: $ is not definedpodría
@eddie8161
@eddie8161 2 года назад
buen video amigo, saludos de chileee
@informaticadp
@informaticadp 2 года назад
Saludos Bro! Y muchas gracias!
@miguela.hamouic.8759
@miguela.hamouic.8759 4 года назад
Hola a mi me sale que $ no esta definido no entiendo porque.
@gusssgr89
@gusssgr89 Год назад
Hola muy bueno el video! me ayudo mucho para mi proyecto. Una duda! en el progresivo, como seria por ejemplo para que en la pregunta 3 vuelva a la 2, sin tener que cerrar y volver a abrir? Gracias
@camiloandresarevalo3276
@camiloandresarevalo3276 3 года назад
Man sabes porque si uso el icon: para definir un icono no funciona?
@kennethgomez1557
@kennethgomez1557 4 года назад
Porque cuando presiono los botones no pasa absolutamente nada copie todo el cod
@informaticadp
@informaticadp 4 года назад
Fijate en la consola quizás te está diciendo que hay un error. Puede ser alguna referencia.
@kennethgomez1557
@kennethgomez1557 4 года назад
@@informaticadp Man sera que me podrias ayudar
@nombre83010
@nombre83010 2 года назад
BRO COMO PUEDO USAR LOS ICONOS SIN QUE SALGA UN ALERT?
@juliogerez1778
@juliogerez1778 3 года назад
buen video se puede cambiar la posicion de los botones ejemplo del lado izquierdo que este el cancelar y del lado derecho el boton confirmar?
@informaticadp
@informaticadp 3 года назад
Gracias Julio. Si se puede. En la documentación hay un ejemplo. En el canal también hice un CRUD y cambié la posición. No recuerdo en cuál de todos. Saludos.
@patriciocornejo3796
@patriciocornejo3796 2 года назад
Hola amigo, muy buen video gracias por compartir. Estoy intentan instalarlo en mi pagina wordpress, me indicarias como hacerlo? quiero reemplazar el mensaje: ""pagina web" dice: " que pone woocommerce cuandio no se puede comprar un producto variable.
@ninokum7984
@ninokum7984 3 года назад
Cuando hago mediante consola funciona pero cuando cuando sigo tu video no sale
@hugovksy2429
@hugovksy2429 4 года назад
¡Una genialidad! definitivamente es mucho mejor que Alertify, mucho más personalizable. Mi duda es si sweetalert.js.org/ y Sweetalert2 ¿son lo mismo? Saludos y gracias.
@informaticadp
@informaticadp 4 года назад
Hola estimado. Si son lo mismo, la versión 2 permite muchísimas cosas más. Si la verdad es mejor que alertify. Saludos!
@floribarra9467
@floribarra9467 4 года назад
Excelente vídeo y detallado. ¿se podría aplicar la forma progresiva del SweetAlert pero con 2 inputs y esperar la respuesta en el result como array?, trato de implementarlo con 1 input y 1 checkbox y solo devuelve true. Gracias de antemano.
@informaticadp
@informaticadp 4 года назад
Muchas gracias Flor! Si es posible. Te cuento que voy a sacar un curso sobre Vuetify, no sé si lo conoces. Y tiene unos forms progresivos como los que mencionas pero sin plugins. Todo con Vue.js. Saludos!
@floribarra9467
@floribarra9467 4 года назад
Excelente :D
@floribarra9467
@floribarra9467 4 года назад
@@informaticadp Trato de aplicarlo de esta forma aunque no recupero mis valores correspondientes al check. if (result && nPreguntas>0) { //armar array con posiciones del numero de preguntas y leyenda default for(var i= 1; i { return [ elemP = ((document.getElementById("inputPregunta") as HTMLInputElement).value) ,elemC = ((document.getElementById("tipoPregunta") as HTMLInputElement).value) ]; } }).queue(this.arrayPreguntas).then((result2) => { if (result2) { var sw_isArrayResult= Array.isArray(result2); result2 = Object.values(result2); var ArrayResult2:any = []; ArrayResult2 = result2; console.log(ArrayResult2); console.log('IS ARRAY :'+ Array.isArray(ArrayResult2)); Swal.close(); if(ArrayResult2.length>0){ Swal.fire({ title: 'Guardar Encuesta', text: "Confirma para guardar", html: `Tus preguntas: ${result2} `, showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', cancelButtonText: 'Cancelar', confirmButtonText: 'Guardar' }).then((result3) => { if (result3.value) { for(var i= 0; i< ArrayResult2[0].length; i++){ this.PreguntaE = new Pregunta('',ArrayResult2[0][i],'0');//CAMBIAR TIPO DE ENCUESTA this.preguntaList.push(this.PreguntaE); }
@josuecorderespi
@josuecorderespi 3 года назад
súper bien explicado, sin embargo tengo una duda: he visto que se puede introducir código html y así personalizar aún más la alerta, pero eso no lo explicaste, será posible que hagas un video así o sabés donde puedo conseguir uno así?
@informaticadp
@informaticadp 3 года назад
Hola Josue muchas gracias! Te cuento. En este curso utilizo Sweet Alert no sólo para mostrar las alertas y notificaciones sino también para los formularios. El proyecto se puede descargar. Saludos. ru-vid.com/group/PLrAw40DbN0l3z1GxLo80bwtWEl4HBu0Eo
@jsi1729
@jsi1729 4 года назад
Hola! Súper bien explicado, pero al usar la opción de mostrar la imagen con la propiedad 'imageUrl' nada me muestra.... ¿Me puedes ayudar?
@informaticadp
@informaticadp 4 года назад
Muchas gracias! Fijate en la ruta que imageUrl de poner puntos o barra previamente, a veces es necesario para que encuentre la imagen de referencia.
@jsi1729
@jsi1729 4 года назад
@@informaticadp Mil gracias, los puntos me faltaban, creo que estaba con sueño... jajajaja
@informaticadp
@informaticadp 4 года назад
Así pasa! Un abrazo
@jsi1729
@jsi1729 4 года назад
@@informaticadp no funciona con Firefox :(, pero perfecto en los Chromes
@ettercap5384
@ettercap5384 4 года назад
Como se implementa esto: sweetalert2.github.io/#input-types? quiero implementar el de subir archivos...
@conectaraldia9909
@conectaraldia9909 4 года назад
excelente video, me gustaria pedir tu ayuda, tienes algun video donde se puedan enviar datos a la BD desde los input que se generan el en Swal? digamos por ejemplo un login y que autentique o que envie datos por metodo post desde el sweet alert, es posible?
@informaticadp
@informaticadp 4 года назад
Muchas gracias. En el curso de Login con php y Bootstrap 4 utilizo sweet alert, fijate si es lo que necesitas. Te paso link. ru-vid.com/group/PLrAw40DbN0l3SMVaY6vKCAP4UcIwF_4jQ En el curso de CRUD con Vue.js también utilizo sweet alert 2 pero ya como formularios. ru-vid.com/group/PLrAw40DbN0l3z1GxLo80bwtWEl4HBu0Eo
@jaim5048
@jaim5048 4 года назад
que es poopers nunca lo había trabajado
@informaticadp
@informaticadp 4 года назад
Es una librería de js necesaria para que el framework Bootstrap funcione a pleno.
@jaim5048
@jaim5048 4 года назад
@@informaticadp gracias
@julioenriqueruizaraneda7296
Esta caída la pagina para descargar el proyecto.
@informaticadp
@informaticadp Год назад
Ahora lo reviso
@informaticadp
@informaticadp Год назад
Listo!!!
Далее
Uso de sesiones con PHP ($_SESSION)
23:07
Просмотров 30 тыс.
The Most Elite Chefs Ever!
00:35
Просмотров 6 млн
🔥20 proyectos  para que aprendas Javascript
14:53
Просмотров 38 тыс.
Add Dark Mode Your Site Easily with CSS and Javascript.
27:07
13 Things To Remove From Your Website Immediately
12:33
AutoCompletado con Jquery - Fuzzy search
26:17
Просмотров 2,1 тыс.