複数のsubmitボタンをonsubmitで判定する方法

November 29,2018 12:03 AM
Category:[JavaScript]
Tag:[JavaScript, jQuery]
Permalink

複数のsubmitボタンをonsubmitで判定する方法を紹介します。

1.問題点

下記のように、複数のsubmitボタンが実装されたフォームがあります。

<form name="test" method="post" action="./test.cgi">
    :
  <input name="a" type="submit" value="aaa" />
  <input name="b" type="submit" value="bbb" />
  <input name="c" type="submit" value="ccc" />
</form>

フォーム送信時にonsubmit属性などを使って、どのsubmitボタンが押されたかを判定したいのですが、方法がわかりません。

ということで、複数のsubmitボタンをonsubmitで判定する方法を紹介します。

2.複数のsubmitボタンをonsubmitで判定する

複数のsubmitボタンをonsubmitで判定するには、フォームにtype="hidden"のinput要素を追加し、各ボタンにonclick属性を追加します。onclick属性ではtype="hidden"のinput要素に、ボタン毎に異なる値を設定します。

<form name="test" method="post" action="./test.cgi" onsubmit="return check_data()">
    :
  <input name="a" type="submit" value="aaa" onclick="test.key.value='aaa'" />
  <input name="b" type="submit" value="bbb" onclick="test.key.value='bbb'" />
  <input name="c" type="submit" value="ccc" onclick="test.key.value='ccc'" />
  <input name="key" type="hidden" value="" />
</form>

そしてonsubmit属性で起動する関数で、type="hidden"のinput要素の値を判定すればOKです。

<script>
function check_data() {
    if (test.key.value == 'aaa') {
      :
    }
    return true;
}
</script>

3.複数のsubmitボタンをonsubmitで判定する(jQuery)

2項のコードをjQueryで書くこともできます。jQueryであればフォームに手を加えず、エレガントに書けます。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<form name="test" method="post" action="./test.cgi">
    :
  <input name="a" type="submit" value="aaa" />
  <input name="b" type="submit" value="bbb" />
  <input name="c" type="submit" value="ccc" />
</form>
<script>
$(function(){
 
    // フォームにtype="hidden"のinput要素を追加
    $('form').append('<input name="key" type="hidden" value="" />');
 
    // ボタンクリック時、type="hidden"のinput要素に自分の値を設定
    $('input').click(function(){
        $('input[name=key]').val($(this).val());
    });
 
    // submit時、type="hidden"のinput要素の値を判定
    $('form').submit(function(){
        if($('input[name=key]').val() == 'aaa'){
          :
        }
    });
});
</script>
Comments [0] | Trackbacks [0]

TeraTermで矩形選択する方法

November 28,2018 12:03 AM
Category:[Windows]
Tag:[TeraTerm, Windows]
Permalink

TeraTermで矩形選択する方法を紹介します。

1.問題点

TeraTermを使って、"ls -l"コマンドで次の3つのファイルを表示させます。

表示された中からタイムスタンプとファイル名だけを矩形(くけい)でコピーしたいのですが、下のように不要な部分も選択されてしまいます。

マウスで選択

ということで、TeraTermで矩形選択する方法を紹介します。

2.TeraTermで矩形選択する

TeraTermで矩形選択するには、Altキーを押した状態でマウスで選択すればOKです。

Altキーを押した状態でマウスで選択

マウスでクリックするときにAltが押されていればいいので、選択中はAltを離しても大丈夫です。

Comments [0] | Trackbacks [0]

MT7のコンテンツデータを一括編集する「PowerEditContentDataプラグイン」

November 22,2018 12:03 AM
Category:[コンテンツデータ]
Tag:[MovableType, Plugin, PowerEditContentData]
Permalink

MT7のコンテンツデータを一括編集する「PowerEditContentDataプラグイン」を公開します。

1.はじめに

Movable Type7のコンテンツデータは、既存の記事やウェブページのように一括編集する機能(画面)がありません。

が、本プラグインを適用することで、コンテンツデータを一括編集することができるようになります。

(クリックで拡大)

なお、編集可能なフィールドは

  • データ識別ラベル
  • ステータス
  • ユーザー
  • 公開日
  • 更新日

です。

とくにユーザーを変更できるのは一括編集画面のみですので、コンテンツデータのユーザーを変更する場合に有効と思われます。

2.プラグインのダウンロード

下記のページから評価版をダウンロードできます。

PowerEditContentDataプラグイン
PowerEditContentDataプラグイン

Comments [0] | Trackbacks [0]
 1  |  2  |  3  |  4  |  5  | All pages