タグ

ブックマーク / www.koikikukan.com (2)

  • ページを移動(離脱)するときにjQueryで警告を出す方法

    Facebookなどでフォーム入力中にページを移動(離脱)しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 1.ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか?'; }); }); </script> <form method="post" acti

  • コメント投稿時にフォームボタンをグレーアウトする for Movable Type

    サイトで適用している、コメントを投稿時にフォームボタンをグレーアウトするためのカスタマイズです。カスタマイズ方法については以前よりリクエストを頂いておりました。公開が遅くなって申し訳ありません。 ここでは Movable Type でのカスタマイズ方法を紹介致します。他のブログツールについては順次公開していきたいと思います。 カスタマイズ元記事は下記です。ありがとうございました。 naoyaのはてなダイアリー:onsubmit で submit ボタンを disable にしてユーザビリティを良くする 同:submit ボタン disable 技の罠 1.カスタマイズの機能 コメントフォームの「投稿」ボタンクリック時にフォームボタンをグレーアウトにする コメントフォームの「確認」ボタンクリック時はグレーアウトにしない 「確認」ボタンクリック時にグレーアウトしないのは、下記の理由のように

    コメント投稿時にフォームボタンをグレーアウトする for Movable Type
  • 1