小規模Webサイト向け CMS 「すぐ使えるCGI」のサポート情報

入力フィールドのIMEモード(日本語入力機能)を自動で切り替える方法

最終更新日: 2012-01-23

概要

「すぐ使えるCGI」の管理画面では、日付入力フィールドに移動したときは自動でIME入力モードで日本語変換をOFFにして半角数字が入力できるようになっています。
日付入力後タイトル入力欄に移動したときはまた日本語入力モードに戻るようになっています。中国語版でも同様です。

この設定を変更する方法をご紹介します。すべての製品が対象です。

どういう時に入力モードの自動切替が必要ですか?

例えば、テンプレートをカスタマイズして「タイトル」欄にURLを入力するような運用をしている場合、「タイトル」欄も日本語入力OFFにしておくと全角での入力を防ぐことができます。

備考

パソコンの操作に慣れた方が管理画面を使う場合は、「勝手に入力モードが変わってしまう」事が却って操作しにくい場合がありますので、実際にお使いになりながら設定を行って下さい。

制限事項

製品のバージョンとブラウザ、OSの組み合わせによってはこの機能が働かない場合があります。
確実なのは Windows の Internet Explorer のみで、「すぐ使えるCGI」製品のバージョンが Ver. 4.1 以上であれば Firefox でも機能します。
Chrome、Safari、Opera では機能しません。

設定方法

管理画面用のテンプレート templates/admin/2.html (入力画面用)を編集します。

Ver. 4.0 以下の製品の場合

Ver. 4.0 以下の製品の場合は、それぞれの入力フィールドに関して以下の太字部分の設定をご希望に合わせて設定して下さい。
青字の部分の数字を変更すると、動作が変わります。
※周辺のコードは異なる場合があります。青字の部分のみが変更内容です。

日本語入力モードに切り替える場合

<INPUT name="subject" type="text" size="80" maxlength="100" VALUE="%_subject_%" onFocus="set_imemode(this, 1)">

半角英数字を入力する場合

<INPUT name="subject" type="text" size="80" maxlength="100" VALUE="%_subject_%" onFocus="set_imemode(this, 0)">

Ver. 4.1 以上の製品の場合

Ver. 4.1 以上の製品の場合は、それぞれの入力フィールドに関して以下の太字部分の設定をご希望に合わせて設定して下さい。
青字の部分の数字を変更すると、動作が変わります。
※周辺のコードは異なる場合があります。青字の部分のみが変更内容です。

日本語入力モードに切り替える場合

<INPUT name="subject" type="text" size="80" maxlength="100" VALUE="%_subject_%" class="imeon">

半角英数字のみを入力する場合

絶対に半角しか許可しないフィールドは、以下のように設定します。このフィールドではIME入力モードを日本語入力に変更できません。

<INPUT name="subject" type="text" size="80" maxlength="100" VALUE="%_subject_%" class="noime">

半角のメールアドレスなどを変換用辞書に登録している場合もありますので、パスワードやユーザ名、数字の入力フィールド以外は下の「半角英数字に自動切替されるようにする場合」の設定の方がお勧めです。


半角英数字に自動切替されるようにする場合

フィールドに移動した時に半角英数字モードに自動切替されるようにするには、以下のように設定します。
この設定の場合、必要なら日本語入力モードをONにできます。

<INPUT name="subject" type="text" size="80" maxlength="100" VALUE="%_subject_%" class="imeoff">

それまでの入力モードを変更しない場合

フィールドに移動する前の入力モードを変更しない場合は以下のように設定します。

<INPUT name="subject" type="text" size="80" maxlength="100" VALUE="%_subject_%" class="imeauto">

アップロード

変更したテンプレートをサーバの同じ位置に上書きアップロードして下さい。

templates/admin/2.html

確認

管理画面にアクセスすると変更が反映されています。

参考情報:CSS の設定

Ver. 4.1 以上では CSS のクラスで IME入力モードのコントロールをしていますが、その スタイルシート設定は下記のとおりです。
( templates/admin/2.html 内に指定があります。)

.noime{
	ime-mode: disabled; /* 半角英数固定 */
}
.imeoff{
	ime-mode: inactive; /* 移動してきた時に半角英数になる */
}
.imeon{
	ime-mode: active; /* 日本語入力モードに切り替え */
}
.imeauto {
	ime-mode: auto; /* 何も変更しない */
}

関連リンク

さらに詳しく