• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:お世話になります。「質問番号:6100202」と並行して、別の質問をさ)

IE8でdivのcontenteditable=trueでの擬似テキストボックス内への文字列入力時に文字内容が残らない問題の解決方法

このQ&Aのポイント
  • IE8でdivのcontenteditable=trueでの擬似テキストボックス内へ任意の文字列を手入力した場合、入力内容が残らずに初期値が表示されてしまう問題が発生しています。この問題を解決するためには、特定のJavaScriptコードを使用することで入力内容を保持し、元のページに戻った際にも表示されるようにすることができます。
  • IE8でdivのcontenteditable=trueでの擬似テキストボックス内へ文字列を手入力した場合、入力内容が消えてしまう問題があります。この問題を解決するためには、JavaScriptを利用して入力内容を保持し、ページを移動して戻った際にも入力内容が表示されるようにする方法があります。
  • IE8でdivのcontenteditable=trueでの擬似テキストボックス内への入力時に、入力内容が残らずに初期値が表示される問題があります。この問題を解決するためには、JavaScriptを使用して入力内容を保持し、ページを移動して戻った際にも入力内容が表示されるようにすることができます。

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

変更後の内容を、cookieとか、HTML5のWebストレージに保存しておいて、 戻ってきた時のみ再セットするしかないと思います。 でも、面倒ですよね。そもそも  「入力チェックエラーとして、別のページ画面(エラーメッセージ)を表示」 を、別ページへ移動(画面遷移)じゃなく同じページ内で、AJAXでdialog表示 させるか、window.alert()とかwindow.confirm()とかwindow.prompt()で簡易に すませるのがよいんではなかろうか。

hiroasa21
質問者

お礼

「yyr446」様 お世話になっております。 今回ご回答いただきました複数アドバイス内容が、 おそらく全ての対応方法だと思いましたので、 納期と検討しながら、 いずれかの方法で対応することに致します。 大変参考になりました。 本当にありがとうございました。 hiroasa21。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • お世話になります。contenteditable=trueで、

    お世話になります。contenteditable=trueで、 (IE8上にて、divでの擬似テキストボックス) JavaScript上からテキストデータとして、 「Q&A」という文字列を、innerHTMLでセットしたところ、 「Q」までは、文字列が画面上にセットされるのですが、 その先の「&A」がセットされません。 (画面上からも入力出来ません) どのような方法でセットすれば、 「Q&A」という文字列をセットすることが可能になるのでしょうか? (JavaScript上からのinnerHTML、および画面上からの手入力時) 以上になります。 宜しくお願い致します。

  • IE8でdivのcontenteditable=trueでの擬似テキス

    IE8でdivのcontenteditable=trueでの擬似テキストボックス内から、 キャレット位置を取得しようとして、 Eclipse3.5上から、以下のJavaScript文を入力していたところ、 var elem = document.getElementById("chaTitleName2"); elem.focus(); var range = document.selection.createRange(); 「関数 createRange() は未定義です」というエラーが出ます。 このエラーを解消する方法を、ご存知の方がいらっしゃいましたら、 ぜひ教えてください。 (もしくは、他の方法で、  IE8でdivのcontenteditable=trueでの擬似テキストボックス内から、  キャレット位置を取得する方法をご存知の方がいらっしゃいましたら、  ぜひ教えてください) お世話になります。 宜しくお願い致します。

  • div contenteditable=true タグで

    このタグで、 <div contenteditable=true> あああああ </div> これやると、  あああああ とweb上で出て、編集できますが、 そのとき、編集できても、また、開いたり、更新したりすると、またもとの文字列に戻ります。 これは、しょうがないのでしょうか?

  • お世話になっております。

    お世話になっております。 さて、accessにて以下の3点がわかりませんので、 教えていただきたく存じます。 (1)2つのテーブルを1つのレポートにする場合に、 パラメーターをテキストボックスから随時入力できる形にしたい  ※クリエにて条件を [Forms]![フォーム名]![テキストボックス名] にしましたが、   テキストボックスに条件を入力しても、なぜか別にポップアップ画面が表示されます。 (2)上記レポートにて、表形式にて一覧リストを作成する場合に、 5レコードごとに、枠線の下線を太くし、見やすくしたい (3)レポートにてレコードを2列表示にしたいが、なぜか2列目がページの外に表示される 以上、よろしくお願いいたします。

  • 日本語入力の禁止

    お世話になります。 divにcontenteditable属性を付与して編集できるようにしました。 そのとき、日本語は入力禁止にしたいのですがime-modeはdivには使用できないみたいです。 日本語入力のときはkeycode229が返ってくるようなのでjavascriptでonkeydownのときに if (event.keyCode == 229) { return false; } というif文を入れてみました。alertとかで確認するとちゃんと日本語入力の時にはこのif文を通過しているみたいなのですが 日本語が入力されてしまいます。 div contenteditable=trueのときに日本語入力を禁止したい場合はどのようにすれば実現できるのでしょうか。 <div contenteditable=true onkeydown="return test();">編集テスト</div> function test() { if (event.keyCode == 229) { return false; } return true; } よろしくお願いします。

  • CSS:ボックス内でaタグのリンク文字列を折り返したい。

    お世話になっております。 grandswellと申します。 div指定したボックス内に <a>でボックスの横幅を超える 長いリンク文字列を設定すると IE: <a>リンク文字列がボックス内に収まるよう ボックスが横に拡張される。 Firefox: <a>リンク文字列はボックスからはみ出る。 といったように両者挙動が違います。 これによりIE側の画面全体レイアウトが 崩れてしまい困っています。 下記設定ができる方法をご教示ください。 ------ IE、Firefoxとも <a>のリンク文字列をボックス内で折り返す。 もしくは IEで <a>リンク文字列はボックスからはみ出る。 ------

    • 締切済み
    • CSS
  • エクセルVBAについて質問です。

    エクセルVBAについて質問です。 シート1のユーザーフォームにコンボボックスとテキストボックスが各1つずつ、 シート2のA列には1行目から順に「あ」「い」「う」と文字が入っていて、B列には「1」「2」「3」と値が入っています。 コンボボックスのリストにはシート2のA列の文字が選択できる状態にあります。 この状態で、例えばコンボボックスで「い」を選んだら、テキストボックスに自動的に「2」と入る、というように、コンボボックスのリストの中から任意の文字を選択したときに、テキストボックスにB列の値が入るようにするにはどのようにすればいいのでしょうか?よろしくお願いします。

  • ime-mode: activeのことで

    やりたいのは下記のようなことです。でも下記ではime-modeを制御できないようなので、正しい方法があるのかを知りたい。ブラウザの画面で文字を入力したときにime-modeを制御できるのか。 <SPAN contenteditable=true style="ime-mode: active"></SPAN> <SPAN contenteditable=true style="ime-mode: inactive"></SPAN>

  • phpによる入力フォームのチェック

    入力フォームの入力チェックを行いたいと思います。 姓     :テキストボックス <div></div> 名     :テキストボックス <div></div> 郵便番号:xxxx <div></div> とあった場合、 javascriptで、チェックをかけ、未入力の際等に 各DIVブロックに、innerhtmlで、「入力項目を確認してください」等を 書き込ませば対応できると思っています。 PHPでもjavascriptと同じように、innerhtmlと同じようの動作をさせ ページの一部分を変更させるとか できるのでしょうか? それとも受け取った内容(POST)をチェックし、 「入力項目を確認してください」のページを別に用意する必要があるのでしょうか?

    • ベストアンサー
    • PHP
  • WORD テキストボックスをブックマークした際に表示されるマーク

    環境はwindows XP home + Word 2002です。 ワード文書内にテキストボックスを配置、そのテキストボックスをブックマークした際に表示されるマークと挙動についてお伺いします。 1つのファイル内に全く同じ内容のページを複数作成して、1ページ目のテキストボックスに入力した内容を2ページ目以下の同じテキストボックスに表示されるようにする方法について質問したところ、御丁寧な回答を頂き無事に解決しました。 その作業過程で発生したよく分からない挙動についてお教え下さい。 例を挙げます。 1ページ目にテキストボックスを作ります。改ページして2ページ目にもテキストボックスを作ります。 1ページ目のボックスに入力した内容が2ページ目のボックスにも表示するようにします。 アドバイスしていただいたのは、1ページのボックスをブックマークして、2ページのボックスに相互参照を設定するという方法です。 この方法で解決したのですが、途中でハマってしまいました。 ブックマークした箇所には[ ]カッコが表示されます。例の場合、[ ]内の入力が2ページ目のボックスにも表示されることになります。 ブックマークを作成する際、適当な文字列を入れて選択してからブックマークすると[ ]が表示されます。[ ]の中身を書き換えると当然ながら2ページ目ボックスにも反映されます。 しかし、ボックスを作成して、そのままブックマークを作成すると(つまりダミー文字列を入力せずボックスはブランクのままブックマーク作成する)、ボックス内に表示されるマークは[ ]ではなく、「工」という漢字の上下の横棒が短いようなマークが表示されました。 「工」の後に文字列を入力しても2ページのボックスには反映されません。 両方の場合とも、ブックマークの設定ウィンドウには表示されているので、「工」が表示される場合もブックマークは作成されていると思われます。ただ、2ページ目ボックスと連携していないようなのです。 ブックマークを作成したときに表示される[ ]と「工」の違いは何なのでしょうか? よろしくご回答お願いします。

このQ&Aのポイント
  • Windows VistaでPX-M6011の添付ディスクからインストールを実行しても、進行が止まってしまう問題が発生しています。
  • インストールの行程で「Epson Photo+をインストール中」の表示のまま先に進まず、1時間以上経過しても図のままです。
  • 使用しているパソコンの情報は、Windows Vista Home Premium Service Pack 2でプロセッサは2.53GHz、メモリーは2.00GBで32ビットのシステムです。
回答を見る

専門家に質問してみよう