flashes messages js

infos

チュト

要件

• jquery

インストール

• CDNを使用するか、ローカルでダウンロードしてください

フラッシュを追加します

フラッシュ関数を追加すると、フラッシュを自動的にボディに追加します！

• 関数：appendflash（タイプ、メッセージ、時間？、親？）
• 種類：
  • success-flash
  • error-flash
  • info-flash
  • not-allowed-flash
• メッセージ：文字列
• 時間：デフォルトは2500ミリ秒、0は無限です
• 親：デフォルトはflashDiv要素（スクリプトによる自動生成）です。これはフラッシュが追加される親であり、要素でなければなりません
• 例：appendflash（ "success-flash"、 "you housed！"、0）

フラッシュを生成します

Flash関数を生成し、Flashを1つの要素として返します

• 関数：GenerateFlash（タイプ、メッセージ）

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 > 

例

頭：

 < 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 onload =" appendFlash('info-flash', 'loaded!'); " >
  
</ body > 

クレジット

アイコンはPaomediaから来ています