alert()のダイアログのスタイルを変更するスクリプト・SweetAlert

alert()で出せるダイアログのスタイルを変更する為のスクリプトのご紹介。シンプルな発想で素敵ですね。尚、本スクリプトはjQueryに依存しています。

alert()で出せるダイアログのスタイルを変更しよう、というスクリプトです。

SweetAlert

確かに普通にアラート出すよりいいかもしれません。

<script src="jquery.js"></script>
<script src="sweet-alert.min.js"></script>

コアとSweetAlertを読み込みます。

$('.foo').click(function(){
	swal({
	title: "アラートです！",
	text: "メッセージがココに入ります",
	imageUrl: 'http://placehold.it/500x500',
        confirmButtonText: '了解！',
        confirmButtonColor: '#aee861'
	});
});

オプション設定して完了です。
他にもオプションが用意されていますが、読めば大体分かると思いますので割愛します。

ライセンスはMITとの事です。詳細は以下でご確認ください。

SweetAlert