jQuery UI を利用したテーブル行のドラッグ＆ドロップによる入れ替え方法
jQuery UI の Sortable を利用すれば、たった１行でテーブルの行をドラッグ＆ドロップで入れ替えられるようになります。 なおここで紹介する方法は、前提として j...
jQuery でセレクトボックスのプルダウン項目（option 要素）を追加／削除する方法
フォームオブジェクトの中でも、セレクトボックスの操作は少し特殊です。記述方法を覚えてしまえば問題ないのですが、同じようなミスをして調べる機会が多いのもセレクトボックスの特徴ではない...
jQuery でセレクトボックスを操作！value 値の取得や選択項目の指定、プルダウンテキストの取得方法
select ボックスに対する jQuery の操作をまとめてみました。 JavaScript では value 値が取得・設定に特化することが多いですが、jQuery を使...
jQuery UI の Tabs を使って簡単にタブ切り替えを実装する方法
HTML 上のタブ切り替え画面の実装は、JavaScript でもさほど難しいものではありません。それでも jQuery UI で提供されている Tabs を利用すれば、もっと簡単...
非同期処理中の Now Loading を jQuery で表示させる方法
画面遷移することなく、同じ画面内でサーバーとやりとりする処理を「非同期処理」と言います。 通常の同期処理では、処理が終われば次の画面が表示されます。一方、非同期処理の場合、ど...
jQuery でラジオボタンの値を取得／変更する方法
radio ボタンに対する jQuery の操作をまとめてみました。 どれも基本的な操作です。しかし意外と忘れてしまうもので、値の設定方法はテキストボックスのケースと記述方法...
jQuery でファンクションキーやバックスペースキーを無効化する制御
まず JavaScript の処理としてキー入力イベントは keydown から取得します。入力したキーによって、コード値を取得することができます。そして処理を無効化するためには ...
jQuery でキーボード入力をキャンセル（無効化）する方法
Web システムや Web サイト上で、キーボードからの入力を制御する方法は次の通りです。 キー入力イベントをキャッチする 処理を実行させずキャンセルする た...
IE8で「実装されていません」のスクリプトエラーが発生
タイトルの通り「実装されていません」のスクリプトエラーが IE8 上で発生しました。Chrome上では問題無く動作していたのに、なぜ IE だけエラーになってしまったのか調査したと...
beforeやafter疑似要素のcontentプロパティで日本語の文字化けを回避する方法
CSSの擬似セレクタ :before と :after において、content プロパティに日本語を設定すると、表示時に文字化けが起こってしまう場合があります。大半のブラウザでは...
jQuery UI の Autocomplete の CSS 設定を上書きする方法
jQuery UI の入力補完の機能を持ったオートコンプリート。単語リストを用意すれば、簡単に実装できるのが最大の魅力です。 入力補完として表示される単語リストの色は...
jQuery UI で Autocomplete (入力補完) を実装する方法
テキストボックスに一部の文字を入力すると、入力候補が表示される機能をオートコンプリートといいます。おおまかな仕組みとしては、候補となる単語のリストを用意するだけで入力補完ができるよ...
jQuery UI のファイル読込みを CDN のライブラリから参照する方法
jQuery UI を利用するには JavaScript のライブラリを読み込む必要があります。jQuery の処理を用いて実装されているため、具体的には以下の３ファイルを利用しま...
Googleの検索結果にカテゴリ(パンくずリスト)を表示させる方法
通常 Google の検索結果には、タイトルと URL が表示されますが、その URL 部分にパンくずリストを表示させるには、ある決められたルールに則り HTML を記述をすれば対...
jQuery で innerHTML の書き換え／取得／追記／削除を行う方法
<div> タグの内容を編集したい！ <span> タグの内容を編集したい！ そんな時 JavaScript では innerHTML のプロパティ...
jQuery ファイル読込みを CDN のライブラリから参照する方法
jQuery とは JavaScript のライブラリの一種で、スクリプトファイルを自身のサーバーにアップロードして参照する必要があります。 呼び出し方は、他の JavaSc...
WordPress テーマの PHP テンプレート上でショートコードを呼び出す方法
WordPress のショートコードとは「投稿」や「固定ページ」において PHP のプログラムが使えるように、テーマの functions.php に定義したプログラムを呼び出すた...
Movable Type から送信されるメールがGmailで文字化けしてしまう
Movable Type のコメント投稿や、トラックバック受信時に Gmail 宛にメールが届くように設定したところ、メール本文の半角アルファベットと数値以外、全て「?」で表示され...
Movable Type 指定エントリーへのURL自動生成とエントリー内でMTタグを使用する方法
Movable Type のタグには、指定したエントリーの URL を自動的に出力できる MTLink タグが存在します。以下の属性を持ち、テンプレートや指定したエントリーの UR...
Movable Type トラックバックやping送信時の500エラー対処法
MovableType エントリー投稿時にのトラックバックや ping を送信する処理において、500エラーが戻って来る事象が起きてしまいました。 原因を探ってみると、どうや...
