Skip to content

baramex/flashes-messages-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Infos


img

TUTO

Requirements

Installation

Append Flash

append flash function append the flash automatically to body!

  • function: appendFlash(type, message, time?, parent?)
  • types:
    • success-flash
    • error-flash
    • info-flash
    • not-allowed-flash
  • message: string
  • time: the default is 2500 ms, 0 is infinite
  • parent: the default is flashDiv element (auto generate by the script), this is the parent to which the flash will be added, it must be an element
  • exemple: appendFlash("success-flash", "You understood!", 0)

Generate Flash

generate flash function returns flash as one element

  • function: generateFlash(type, message)

CDN

<link rel="stylesheet" href="https://cdn.baramex.me/libs/js/flashes-messages/flashs.css">
<script src="https://cdn.baramex.me/libs/js/flashes-messages/flashs.js"></script>

Exemple

Head:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<link rel="stylesheet" href="https://cdn.baramex.me/libs/js/flashes-messages/flashs.css">
<script src="https://cdn.baramex.me/libs/js/flashes-messages/flashs.js"></script>

Body:

<body onload="appendFlash('info-flash', 'loaded!');">
  
</body>

Credits

The icons come from paomedia