備忘録: 2008年6月アーカイブ

アンケートやメールの入力フォームを作ることもあるのですが、入力モードを切り替えているサイトをよく見かけるので方法を調べてみました。
意外に簡単な方法で、実現できることが分かったので記載しておきます。


最初は、javascriptで制限と思っていたのですがスタイルシートで簡単にできます。
INPUT タグに【style="ime-mode:active;"】と追記するだけです。

<input type="text" name="text" value="text" style="ime-mode:active;" />

こうすると、IMEがONとなり通常の日本語入力となります。
ちなみに、【style="ime-mode:disable;"】とするとIMEがOFFとなり半角英数字のみの入力となります。
ただ、この方法だとIE5以上であることと、MS-IMEであることが条件となります。
別のブログのことなんですが、左メニューが消えてしまうということになっていました。
ただ、IE6でのみその現象が出ていて、IE7、Firefoxなどでは正常に表示されいました。
ソースを見てもよく分からず。
メニューの中身を全部削除しても同じ。
はて、困った。

とりあえず、しばらく放置していたのですが、もともと少ないアクセス数がさらに減ってきた気が。
これはまずいと思って、真剣に調べてみたんですけど、さっぱり。
いろいろと調べてみたところ、左メニューの幅が設定している幅よりも広くなってしまって、その為にメニューがページ下に落ちてしまい、見えなくなっているという。
スタイルシートをいじることになったわけですが、movable Typeのスタイルシートって管理用の画面からはできなさそう。
面倒だったので、テンプレートに直接書きました。
赤字が追加したソースです。
<body class="mt-main-index layout-tw">
<div id="container">
<div id="container-inner" style="width:960px">
<div id="header">
<div id="header-inner">

幅を少し広めにとって解決したのですが、画面の解像度によってはちょっとつらい状況です。

カスタム検索

ioPLAZA【アイ・オー・データ直販サイト】 ioPLAZA【アイ・オー・データ直販サイト】
あれもこれも標準装備のレンタルサーバ あれもこれも標準装備のレンタルサーバ


Web広告限定ストア(eクーポン)Web広告限定ストア(eクーポン)

問い合わせ

メールフォーム