• ベストアンサー

「HTML(縦スクロールバー付)テキストエリア」内の編集可能状態の文字

「HTML(縦スクロールバー付)テキストエリア」内の編集可能状態の文字列に対して、1文字単位で文字色を変更して初期表示させたいのですが、何か良い方法をご存じの方がいらっしゃいましたら、ヒントだけでも構いませんので、ぜひアドバイスをお願い致します。いつも皆様にはお世話になっております。ありがとうございます。

  • HTML
  • 回答数3
  • ありがとう数5

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

  • ベストアンサー
回答No.3

こんにちは。 別の質問で、divにcontenteditable="true"を指定して、疑似テキストエリアまでは上手く行ったのですよね? ついでに style="overflow:auto;height:100px;" とかって指定すれば、縦スクロールバーは出てきますが?

hiroasa21
質問者

お礼

「taka451213」様 ありがとうございます! おかげでうまくいきました。 HTML初心者の為、IEでのみ利用可能なcontenteditableも 今回初めて教えていただき、 私が持っているHTMLリファレンス書籍等には、 記述がなかった属性だった為、 通常のスタイル指定も並行して利用可能とは存じませんでした。 (^^;) おかげ様を持ちまして、 私にとっては大きな問題だった テキストボックス(および、テキストエリア)内において、 文字列が編集可能状態で、一部の文字色だけを 変更させることが実現できました。 今回、「taka451213」様をはじめ、 多くの皆様に、いろいろとアドバイスをいただきまして、 本当にありがとうございました。 また何かとお世話になることがあるかと存じますが、 今後ともよろしくお願い致します。 hiroasa21。

その他の回答 (2)

回答No.2

http://okwave.jp/qa/q6070074.html ニワトリは3歩あるくと忘れるって言うよな

hiroasa21
質問者

お礼

ご回答ありがとうございました。 見た目上、どうしても「縦スクロールバー」が 必要なフィールド項目が存在する為、 似たような質問でしたが、 別途新たにご質問させていただきました。

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

テキストエリアにはそのような機能はないので、 疑似テキストエリアをつくり処理するのが妥当かと。

hiroasa21
質問者

お礼

「yambejp」様 私はHTML初心者の為、せっかくのご回答を途中までしか くみとれていなかったのですが、その後、問題解決致しました。 今回、ご回答いただきまして、本当にありがとうございました。 hiroasa21。

hiroasa21
質問者

補足

お世話になります。 今回「yambe.jp」様から、 ご回答いただきましたように、 疑似テキストエリアをつくる方向で 処理してみようと思います。 今回、どうしてもテキストエリア内に、 「縦スクロールバー」を表示させる必要がある フィールドが1箇所だけあるのですが、 そのフィールドに対して、 疑似テキストエリアとして、「縦スクロールバー」が 存在しているように見せる方法としては、 どのような方法が良いでしょうか? (この疑似テキストエリア内では、  文字の編集も可能にしたいのですが・・・) もしよろしかったら更にアドバイスをお願い致します。 今回はご回答いただきまして、ありがとうございました。

関連するQ&A

  • テキストボックスとスクロールバー

     VC++ 2005 Express Edition を使用しています.  テキストボックスへの文字列の(末尾への)追加を下のように行っています. vvv this->textBox1->Text = this->textBox1->Text + "\r\n" + textBox2->Text; ^^^  追加を繰り返してテキストの行数がテキストボックスの高さを越えると右端にスクロールバーが出るのですか,上の方法で追加していくとスクロールバーがテキストボックスの上辺に付いたままで,追加しているテキストを確認できません(スクロールバーの長さは小さくなっているので,文字列が追加されている,ということは分かります).  テキストの行数がテキストボックスの高さ以上になったときに,スクロールバーをテキストボックスの下辺に付ける,ということはできるのでしょうか.

  • テキストエリアのフレームを外したい。

    どうしても、テキストエリアの縦のスクロールバーが 出来てしまします。 これを消すタグをご存じの方、教えてくださいませ。

  • スクロールバー

    現在HPを製作しています。 その過程で出た問題なのですが何かヒントになるような情報があれば教えていただければと思い、質問します。 HPの型としては、フレームを使って上下に分割されたものです。 起こった問題の現象としては ・下フレームで縦にスクロールバーが発生した時に、(おそらくスクロールバーの幅分)横スクロールバーが出現してしまいます。 ・こうして発生した横スクロールバーはブラウザの横幅を広げても消えません。 ・縦スクロールバーが消えると同時に消えます。 どうにかして縦のスクロールバーが出ても横は出ないようにしたいのですが、現在ヒントとなるものがなく闇雲に原因を探している状態です。 もしこのような現象に対してヒントのようなものをお持ちの方がいましたら。 知恵を貸していただきたいと思います。 よろしくお願いします。

  • HTMLテキストボックス内の文字列で「1文字単位で色を変更」する方法を

    HTMLテキストボックス内の文字列で「1文字単位で色を変更」する方法を ご存知の方がいらっしゃいましたら、ぜひ教えてください。 お世話になります。 Eclipse3.5上でJava、JSP、サーブレット、HTML、MySQL等を利用して、 動的Webサイトを作成中なのですが、 HTMLテキストボックス内の文字列に対して、 「1文字単位で色を変更」する方法をご存知の方がいらっしゃいましたら、 ぜひ教えてください。 (HTMLテキストボックス内の全文字列の色を変更する方法でしたら、  CSS等で実現可能のようでしたが、  残念ながら、一部の文字単位で色を変更する方法については、書籍やネットで調べましたが  答えを見つけられませんでした) 以上、宜しくお願い致します。

    • ベストアンサー
    • HTML
  • テキストエリアに初期値があって、選択した際に自動スクロール

    2行のテキストエリアに5行の初期値が入っている状態で、 マウスで選択した際に一番下の5行目の文字列をユーザーに 見せたいのです。 テキストエリアを選択した際に 一番下へ自動スクロールさせる事は可能でしょうか?

  • 縦スクロールバーが表示されないようにする

    iframeで表示されるサイトの内容によってHTMLの表示サイズを変更しないのですが、 javascriptをどのように記述すればいいのでしょうか? つまり、縦スクロールバーが表示されないようにする。 普通にscrolling = "no"と記述すると、 サイトの下側は表示されなくなってしまうので。

  • 縦スクロールバーが消える

    Yahooのニュースにコメント欄がある場合は投稿していますが書き込み欄が変です。 このokwavの質問記入欄と同じ作りですからこれを使って説明しますと、 最初の文字を入れてエンターを押すとそのとたんに書き込み欄そのものがスッと右に延びて右にあるグレーゾーン(ニュース画面ではPRの書いてあるところ)まで行ってしまいます。-ーーーーーーーーーーーー→ 立てスクロールバーは消えます。 グレーゾーンにぶつかるのではなく、下へ潜り込むという感じです。 正常なら端まで行ったら自動的に改行されて下の段へ行くのですが 48文字目に視界から消えそのままグレーゾーンの下でずっと文字カウントされて行き 66文字目にやっと左端の視界に再度現れます。 文字を小さくしても現象は変わりません。 (全体で400文字入力が可能です) 文章が長くなって冒頭の方が隠れても縦スクロールバーが消えているので手際よく冒頭に戻れません。 一度こうなると極端な話、文字をどんどん消して行って冒頭の一文字だけにしてみても 右の欠けは直らず縦スクロールバーも現れませんので画面そのものを戻して正常にしますがすがやはり繰り返しです。 壊れたのでしょうか。

  • 縦方向のテキストデータを編集できるフリーのテキストソフトはありませんか

    縦方向のテキストデータを編集できるフリーのテキストソフトはありませんか? 横書きのテキストデータの縦方向の文字列を一斉に編集できるフリーのテキストソフトってないでしょうか? 例えば、横書きのテキストデータ(例えば、表のような文字列のテキストデータ)を貼り付けて、縦方向の同じ位置の文字列のデータを一斉に一括で消去したり同じ文字を一斉に一括で入力できる、そういうことが可能なフリーのテキストソフトがあれば教えて下さい。 よろしくお願いします。

  • フォームテキストエリアの文字制限について

    ** どなたか分かる方、教えてください。 フォームのテキストエリア(複数行の)で、 1.入力できる文字数を制限したい(200文字とか) 2.テキストエリアの右側に出てくるスクロールバーを消したい ・・・のですが、出来そうなのに、私にはできません。 cgiは使えない環境です。 あとはどんな方法もOKです。 何か方法がありますか? --------- くろぶた

  • テキストエリアについて

    テキストエリアにでるスクロールバーを表示させない方法をおしえてください。 たぶん、CSSを使うのだろうと思いますが、CSSにあまりくわしくないのでできませんでした。

専門家に質問してみよう