Tengo este código en el que quiero agregarle una función a unos botones. Sé que el código no es el más óptimo, pero quisiera saber por que es diferente poner el .ready a poner .onload y por que cada uno funciona en determinados momentos y en otros no.
$(document).ready(function() {
var formsEliminar = document.querySelectorAll('form[id^="formEliminarProducto-"]');
formsEliminar.forEach(function(formEliminar) {
var btnEliminarProducto = formEliminar.querySelector('.btnEliminarProducto');
btnEliminarProducto.addEventListener('click', function(event) {
event.preventDefault(); // Evita el envío del formulario por defecto
var formulario = event.target.closest('form');
var id = formulario.dataset.id;
Swal.fire({
title: '¿Estás seguro?',
text: "Esta acción no se puede revertir",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#d33',
cancelButtonColor: '#3085d6',
confirmButtonText: 'Sí, eliminar',
cancelButtonText: 'Cancelar'
}).then((result) => {
if (result.isConfirmed) {
formulario.submit();
}
});
});
});
document.getElementById('mostrarFormStock').addEventListener('click', function() {
var formStock = document.getElementById('formStock');
formStock.removeAttribute('hidden');
});
document.getElementById('formConfigStock').addEventListener('submit', function() {
var formStock = document.getElementById('formStock');
formStock.setAttribute('hidden', true);
});
});