Add files via upload

baramex · Aug 27, 2021 · 6530cfd · 6530cfd
1 parent db3ee93
commit 6530cfd
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 12 deletions.
diff --git a/exemple.html b/exemple.html
@@ -21,7 +21,7 @@
     <script src="http://baramex.fr:9999/cdn/flashes-messages/flashs.js"></script>
 </head>
 
-<body onload='createFlash("success-flash", "success flash!", 2000);createFlash("info-flash", "info flash!", 3000);createFlash("not-allowed-flash", "not allowed flash!", 4000);createFlash("error-flash", "error flash!", 5000);' style="font-family: sans-serif;">
+<body onload='appendFlash("success-flash", "success flash!", 2000);appendFlash("info-flash", "info flash!", 3000);appendFlash("not-allowed-flash", "not allowed flash!", 4000);appendFlash("error-flash", "error flash!", 5000);' style="font-family: sans-serif;">
 
 </body>
 

diff --git a/flashs.js b/flashs.js
@@ -9,22 +9,34 @@ Licence: lgpl-3.0
 window.addEventListener("load", () => {
     var div = document.createElement("div");
     div.id = "flashDiv",
-    div.style = "z-index: 6;top: 0;left: 0;width: 80%;margin-left: 10%;position: fixed;";
+        div.style = "z-index: 6;top: 0;left: 0;width: 80%;margin-left: 10%;position: fixed;";
     document.body.appendChild(div);
 });
 
-function createFlash(type, message, time=2500) {
-    var flash = document.createElement("div");
-    flash.classList.add("flash");
-    flash.classList.add(type);
-    flash.innerHTML = "<p style='display: inline-block;vertical-align: middle;margin: 0;margin-left: 3px;'><img style='vertical-align: middle;' src='http://baramex.fr:9999/utils/images/flashs/" + type + ".png' width='50px'></p> <p class='mes' style='display: inline-block; padding: 5px;line-height: 40px; margin: 0'>" + message + "</p>";
-    if(document.getElementById("flashDiv")) document.getElementById("flashDiv").appendChild(flash);
-    else console.error("Please wait body is loaded to generate flash!");
-
-    if(time != 0)
+function appendFlash(type, message, time = 2500, parent = null) {
+    var flash = generateFlash(type, message);
+
+    if (parent) {
+        parent.appendChild(flash);
+    } else {
+        if (document.getElementById("flashDiv")) document.getElementById("flashDiv").appendChild(flash);
+        else console.error("Please wait body is loaded to generate flash!");
+    }
+
+    if (time != 0) {
         setTimeout(function() {
             $(flash).fadeOut(500, function() {
                 flash.remove();
             });
-        }, time)
+        }, time);
+    }
+}
+
+function generateFlash(type, message) {
+    var flash = document.createElement("div");
+    flash.classList.add("flash");
+    flash.classList.add(type);
+    flash.innerHTML = "<p style='display: inline-block;vertical-align: middle;margin: 0;margin-left: 3px;'><img style='vertical-align: middle;' src='http://baramex.fr:9999/utils/images/flashs/" + type + ".png' width='50px'></p> <p class='mes' style='display: inline-block; padding: 5px;line-height: 40px; margin: 0'>" + message + "</p>";
+
+    return flash;
 }