Typeのこと、いろいろメモっとこうと思ってブログつくりました。TypeMTMTAppjQuery管理画面MTの管理画面で、複数のカスタムフィールドに入力した数値を足して、結果用のフィールドに結果を出力したいなーと思い、「MTAppjQuery」を利用して実装してみました。左の画像のようなカスタムフィールドを作成し、「テストフィールド1」と「テストフィールド2」に数値を入力すると「テストフィールド3」に足した結果が表示されるようにします。わたしはjQueryが得意というわけではないので、「ここはこうした方がいいよ!」などのご意見がありましたらガンガンつっこんでくださいね。参考記事まず、今回参考にさせていただいたのはハムさんのブログの下記の記事です。BLOG)この中の「入力した時点で計算をする」の部分を参考にさせていただきました。1.カスタムフィールドを作成するまずはカスタムフィールドを下記の内容で作成します。次に、MTAppjQueryのuser.jsを編集します。01に入力したときと、02に入力したときの両方の処理を書く必要があります。numB);});ハムさんのソースをもとに、まずはフィールドの指定のしかたを「input#customfield_entrytestfield01」のように変えました。(basenameを変える場合は適宜変更してください)するとうまく動いたことは動いたのですが、キーを打つたびに計算が走るのがちょっとイヤだったので、1行目の赤字の部分を「keyup」からフォーカスが外れたときに動作する「blur」に変更しました。1点、青字の部分が「!numA」という記述だったのですが、このままだと「0」を入力したときにも合計欄が空欄になってしまいましたので、「isNaN(numA)」という条件に変更してみたところ、「0」を入力しても結果が表示されるようになりました。(B)entrytestfield02に入力したときの処理こちらも01のときと同様に処理を書いておきます。01と違うのは1行目の赤字の部分のみです。numB);});上記の2つの処理を、下記の「〜〜〜〜」の部分に書いて、user.jsをアップすればOKです。'edit-entry'){〜〜〜〜}※XXには表示を設定したいブログのIDを入れてください3.その他このサンプルでは、単純なテキストボックスに計算の処理を加えているだけですが、実際に使われる場合には入力欄のサイズやレイアウトを変えたりしてあげるとより使いやすくなると思います。これらもすべて「MTAppjQuery」を使えばできますよー。名前を入力してください。メールアドレス正しいメールアドレスを入力してください。URL正しいURLを入力してください。タイトルタイトルを入力してください。タイトルに不適切な言葉が含まれています。コメント必須コメントを入力してください。コメントに不適切な言葉が含まれていますパスワード必須パスワードを入力してください。パスワードは半角小文字英数字で入力してください。Typeについて、自分的に覚えておいた方がよいことをメモっていきます。cmsも覚えていきたいなーという今日このごろ。