• 締切済み

テキストエリアにあわせた文字サイズ変更

Javascript自体うまく動かすことができず、 サンプルを探しても見つからず、困っております。 やりたいことは、 Aのテキストエリアに入力した文字を「OK」ボタンクリックと同時に Bという別のテキストエリア(エリアの枠は固定)にリサイズ表示させたいと思います。 テキストエリア自体を文字数により大きくするサンプルはありましたが その逆のテキストエリアのサイズに文字をあわせるものが見つかりません。 申し訳ありませんが、おしえていただけますでしょうか。

みんなの回答

  • muichan
  • ベストアンサー率0% (0/0)
回答No.2

ありがとうございます。 文字数にあわせてですか。 どこかにサンプルソースありますでしょうか?

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

書体によって幅の使い方はばらばらでしょうから、 枠にあわせた文字を最大にするのはかなり難しいと思います。 文字数だけみて×文字までなら○%拡大・・・のように パターンわけしてみてはいかがですか?

関連するQ&A

  • 文字サイズ変更ボタンがIE6で反応しない

    <style type="text/css"> #resize{font-size:12px;} #resize.middle{font-size:12px;} #resize.big{font-size:20px;} </style> とヘッダー部分に指定しておいて、 bodyタグ内で、 <input type="radio" name="sample" id="sample" onClick="document.getElementById('resize').className='middle'; return false;">中 <input type="radio" name="sample" id="sample" onClick="document.getElementById('resize').className='big'; return false;">大 と記述し、文字サイズ変更ボタンを作成しました。 IE7、firefoxでは無事反応したのですが、 IE6だとなぜか反応してくれません。 IE6は文字サイズ変更には対応していないのでしょうか・・・。

  • WORDです。テキストボックスのサイズを文字に合わせるにはどうしたらいいでしょうか?

    いつもお世話になっています。テキストボックスのサイズを文字に合わせたいのですが、どうしたらいいでしょうか?本の操作手順には テキストボックスの書式設定をクリック     ↓ テキストボックスタブをクリック     ↓ 「文字列に合わせて描画オブジェクトのサイズを調整する」のチェックをオン     ↓ OKボタンをクリック   以上で高さを調整 オートシェイプの書式設定をクリック     ↓ 「描画オブジェクト内で文字列を折り返す」のチェックをオフ   以上で幅を調整 と書いてあったので実行するのですが、テキストボックスのサイズが変わりません。余白が右と下に残ったままです。なぜなのでしょうか?

  • テキストエリアのテキストを選択してソース追加するには

    gooメールのHTMLメールように、テキストエリアのソースを選択して、ボタンをクリックするとソースが追加されるようにしたいと考えています。 できればボールドのボタンをクリックすると画面上でボールドがかかるようにしたいのですが、ハードルが高そうなので、テキストの前後にタグが入ればいいかなと考えています。 ソースを見たのですが、敷居が高くどこかにもっと簡単なサンプルはないでしょうか。 よろしくお願いします。

  • テキストエリアへの記号代入

    こんにちは。以下、ご回答いただければ幸いです。 日頃、PHPカテゴリにてお世話になっておりますが、以下のようなものを作りたいと考えているのですが、その流れ(仕組)が分からず、 http://oshiete1.goo.ne.jp/qa2749334.html にて同じような質問があったので、今回javascriptにて投函させていただきました。宜しくお願いいたします。 上記、URLと同じなのですが、流れのイメージとして、テキストエリアに文字を入力している際、入力途中でテキストエリア外に設置のボタン(アイコンなど)を押したとき、その押したボタンに埋め込んである?記号などを、テキストエリアでの入力途中に引き継いで記号文字列を代入したいと考えています。 適切な説明が上手く出来ないのですが、例えば、テキストエリアにおいて、 こんにちは と入力したとき、テキストエリア外に設置のボタンを押すことで、 こんにちは[a:1] と、このようにしたいのです。 色々なイメージを描いておりますが、テキストエリア内にカーソルがあるとき、一旦テキストエリアの外のボタンを押して、また元のカーソルの位置に戻すには?とか、ボタン(アイコン)に設定の記号文字列を代入するには?と、一向に具体的なイメージがつかめずにいる次第です。 お忙しい中恐縮ですが、ご指導頂戴出来れば幸いです。宜しくお願いいたします。

  • ボタンを押すことでテキストエリアへの時刻の挿入方法

    いつもお世話になります テキストエリア(この入力しているところ:テキストボックス?)のそばにボタンがあり、そのボタンを押すことで、現在時刻(MM/DD hh:mm)をこのテキストボックスに挿入させたい(押すたびに入力している最後の文字の次に)のですが、ネット上いろいろ探してみましたがサンプルが見つかりません。どこかいいプログラムはないでしょうか。Javascript、PHP、MySQLでシステムを作成しています。よろしくお願いいたします。

  • テキストエリアの文字数を数えたい

    Java初学者です。簡単な本をやり終えたので、ちょっと自分の役に立つ ものを作ってみようということになりました。 そこでレポート作成の際に使えそうな、 文字数、行数をカウントできるアプリケーションを作ることにしました。 具体的には、フレームは縦に2分割され、左側にボタン、右側がテキストエリアとなっています。 ボタンとは[文字数を数える][行数を数える][貼り付け]などのボタンです。 ボタンの下にその結果を表示するラベルも用意します。 貼り付けなどは既に用意されているpasteメソッドなどを使えば済む話ですが 肝心の文字数をカウントするのをどう実現するかで悩んでいます。 そもそも、テキストエリア内にある文字列?を直接扱う術が分かりません。 このままでは既に用意されている関数以外の操作は出来ないことになってしまいます。 テキストエリアないの文章をString型の変数に入れる、とかは出来ないんでしょうか。 幼稚な質問かもしれませんが、よろしくお願いいたします。

    • ベストアンサー
    • Java
  • div から テキストエリアに

    divで表示させた文字を10秒後に、javascriptで、テキストエリアに表示させる方法は、ありますでしょうか。もう、2週間くらい悩んでいます。cssでdivをテキストエリア風にするのではありません。お分かりになる方が、いたらどうか助けてください。 <div id="area"></div>       →  表示文字   <TEXTAREA id="area2"></TEXTAREA>          -------------------  10秒後→  I 表示文字        I          -------------------

  • javaScriptで、テキストエリアのある文字列を見つけて、

    javaScriptで、テキストエリアのある文字列を見つけて、 その行から、1行目と2行目を消すという処理を行いたいのですが、 コーディングがわかりません。 教えて下さい。 (例) 下記のテキストエリアから、「<ターゲット文字列>」を見つけて、 その行から1行目と2行目、つまりは、「さしすせそ」と「たちつてと」を削除したいです。 -----textarea----- あいうえお かきくけこ <ターゲット文字列> さしすせそ たちつてと

  • イラストレーターでエリア内文字ツールの使い方

    長方形を描いて、エリア内文字ツールで複数行入力用の枠を作りました。あるマニュアルによると、選択ツールで選択するとパスのコーナーが□になり、それをドラッグするとテキストエリアのサイズが変更できる。とありますが、選択してもパスのコーナーは■のままで変わりません。そこをドラッグしても移動しかできません。テキストエリアのサイズ変更の方法を教えて下さい。

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

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

専門家に質問してみよう