通知 [1.0.0]

概要

画面の隅にこっそり通知します。
通知が消えた後も一覧で表示することも可能です。

head内に追記

<script charset="UTF-8" src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<script charset="UTF-8" src="https://cdn.jsdelivr.net/npm/vue3-sfc-loader/dist/vue3-sfc-loader.js"></script>
<script charset="UTF-8" src="./src/notify.js"></script>

使い方：通知する

REFERENCE.value.set($subject, $color, $onclick);

@param $subject (string)

表示する通知

@param $color (?string = '#00e')

通知バーの色

@param $onclick (?object)

クリック時

@param $text (?string)

テキスト(HTML)を表示する

@param $link (?object)

リンク先を開く

@param $href (?string): リンク先URL
@param $target (?enum = _self): リンクを開くウィンドウ
'_top': ブラウザ全体
'_parent': 親フレーム
'_blank': 新しいウィンドウ
'_self': 同じフレーム

デモ

件名
クリック時	何もしないテキストを表示リンクを開く
表示するテキスト
リンク	新しいウィンドウで開く同じウィンドウで開く

使い方：通知をクリアする

REFERENCE.value.clear();