• ベストアンサー

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

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

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

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

innerHTML="Q&amp;A" でうまくいきます。 実態参照文字です。他にもありますよ。 < > " ' ----

hiroasa21
質問者

お礼

「yyr446」様 いつもお世話になっております。 無事にうまくいきました。 (HTML5およびJavaScriptの初心者の為、  「HTML実態参照文字」という存在自体、存じませんでした) 本当にありがとうございました。

その他の回答 (2)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.3

テキストノードをアペンドしてやればいけそうです <script> window.onload=function(){ var obj=document.getElementById("hoge"); var txt=document.createTextNode("Q&A"); obj.appendChild(txt); } </script> <div id="hoge" contenteditable=true></div>

hiroasa21
質問者

お礼

「yambejp」様 今後の参考にさせていただきます。 ご回答いただきまして、 本当にありがとうございました。

  • vollgins
  • ベストアンサー率22% (76/336)
回答No.1

こういうことでしょうか? http://www.rfs.jp/sb/javascript/01/05.html

hiroasa21
質問者

お礼

「vollgins」様 今後の参考にさせていただきます。 ご回答いただきまして、 本当にありがとうございました。

関連するQ&A

  • お世話になります。「質問番号:6100202」と並行して、別の質問をさ

    お世話になります。「質問番号:6100202」と並行して、別の質問をさせていただきます。 宜しくお願い致します。 IE8でdivのcontenteditable=trueでの擬似テキストボックス内と、通常テキストエリア内へ それぞれ任意の文字列を手入力した後で、 入力チェックエラーとして、別のページ画面(エラーメッセージ)を表示させて、 その画面上の[戻る]ボタンをクリックして、 元のページ画面へ戻すプログラムを作成して動かしてみたところ、 通常テキストエリア内へ任意の文字列を手入力した方は、 その任意の文字列の内容のままで残って正しく表示されましたが、 IE8でdivのcontenteditable=trueでの擬似テキストボックス内へ 任意の文字列を手入力した方は、 任意の文字列内容は無くなっていて、 その元のページ画面を、一番最初に開いた際の初期値(文字列)が表示されてしまいました。 そこでご質問内容ですが、 別のページ画面から、元のページ画面に戻った際に、 IE8でdivのcontenteditable=trueでの擬似テキストボックス内へ 任意の文字列を手入力した値を、キープして、 その任意の文字列の内容のまま残すには、 どのような方法がよいのでしょうか?

  • 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上で出て、編集できますが、 そのとき、編集できても、また、開いたり、更新したりすると、またもとの文字列に戻ります。 これは、しょうがないのでしょうか?

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

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

    • ベストアンサー
    • PHP
  • 日本語入力の禁止

    お世話になります。 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; } よろしくお願いします。

  • テキストボックスに入力された内容を他のテキストボックスにコピーしたい

    テキストボックスA、Bがあるとして、テキストボックスAに何らかの文字列を入力します。 その状態でボタンを押すと、テキストボックスAの内容をテキストボックスBにコピーするようにしたいのですが、このようなことはjavascriptで可能でしょうか?

  • リスト追加

     HTML画面で、テキストフィールドに文字を入力し、 ボタンを押すと、入力した文字列がリストボックスに追加されるJavaScriptを作りたいのですが、良くわかりません。  いろいろ、JavaScriptのサイトに行って、  探してみましたが、そういったサンプルが見当たりません。  どうか、お教えください。おねがいします。

  • 結果が必ずTrueになってしまいます。

    以下のようなソースを PowerShell(Windows7環境)で実行しましたが、目的どおり動作せず困っております。 目的として、 「入力要求された、テキストボックスに何も文字を入れない状態でOKを押したときは、ifブロックを走らない」 ということが行いたいのです。しかし、試行1、2試してみたところ 両方、ifブロックを走ってしまいます。 試行1.テキストボックスに何も入れない状態(=そのままOKボタンを押す。) 試行2.テキストボックスに、"aaa"と入力。(=入力後OKボタンを押す。) 必ずif文で、True結果が返っており、 どなたか、原因がわかる方がいらっしゃいましたら ご教授のほうよろしくお願いできないでしょうか。 <ここよりソース> $inChar = Read-Host "文字を入力して下しさい。" #if文入る前に、何が入っているのか確認するために2行で見てみました。 $result=$inChar -ne $null echo $result if($inChar -ne $null){ $inChar=","+ $inChar echo "ifブロック" } echo $inChar ・試行1結果  True  ifブロック  ,aaa ・試行2結果  True  ifブロック  ,  

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

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

  • retuun trueの意味

     例えば、リンク文字列をポイントしたときに、ステータスバーに任意の文字列を表示する際、 <a href="http://www.yahoo.co.jp" onMouseover="window.status=('やふー');return true" onMouseout="window.status=('')">やふー</a>  というように入力した場合のreturn trueの意味がわかりません。  これを使わないとうまく動作しないので・・ということで使ってはいるのですが、改めて考えた場合、どういう仕組みでこのreturn trueが必要なのか、よくわかりません・・。

専門家に質問してみよう