mise a jour DOM page modifier categorie

blog/js/modifier_categorie.js

@@ -1,25 +1,36 @@
-
 const form = document.getElementById("modifierCategorie");
 const nameField = document.getElementById("categoryName");
 const descField = document.getElementById("categorieDescription");
-const errorMsg = document.getElementById("errorMsg");
-const successMsg = document.getElementById("successMsg");
+
+// Fonction pour afficher un message Bootstrap
+function showMessage(type, message) {
+    // Création de l'alert
+    const alert = document.createElement("div");
+    alert.className = `alert alert-${type} mt-3`;
+    alert.textContent = message;
+
+    // Ajout en haut du formulaire
+    form.prepend(alert);
+
+    // Suppression automatique après 2 secondes
+    setTimeout(() => {
+        alert.remove();
+    }, 2000);
+}
 
 form.addEventListener("submit", function (e) {
     e.preventDefault();
 
     // Vérification des champs obligatoires
     if (nameField.value.trim() === "" || descField.value.trim() === "") {
-        errorMsg.classList.remove("d-none");
-        successMsg.classList.add("d-none");
+        showMessage("danger", "Veuillez remplir tous les champs obligatoires");
         return;
     }
 
-    // Succès
-    errorMsg.classList.add("d-none");
-    successMsg.classList.remove("d-none");
+    // Message succès
+    showMessage("success", "La catégorie a été modifiée avec succès !");
 
-    //  Redirection après succès
+    // Redirection après succès
     setTimeout(() => {
         window.location.href = "../html/accueil_blog.html";
     }, 1500);