この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。
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
