• ベストアンサー

TEXTAREAの印刷について

HTMLでの質問なのですが、TEXTAREAタグを用意し、画面表示させて TEXTAREAに長い文字を入力するとTEXTAREAにスクロールが出ると思います。 その時に、スクロールで表示されていない部分が、印刷されなくて 困っております。 TEXTAREAのデータ全てを印刷時に表示する方法はありますでしょうか? ブラウザは、FireFox3.6.2で表示しております。 よろしくお願いいたします。

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

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

  • ベストアンサー
  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

ぱっと思いつくのは2つね 1) TEXTAREAの領域を自動(もしくは手動)で拡張する JavaScriptでrowsを変更してあげればできるわ。 2) 印刷用の画面に遷移させる 印刷機能は見たままを印刷しちゃうから スクロールバーで隠れていたら当然印刷されないわ。 何らかの手段で表示させるしかないのよ。

kazumori30
質問者

お礼

askaaskaさん ご回答ありがとうございます。 やはり見た目を印刷してしまいますか。 firefoxなのでアドオンであったらと思い探してみましたが めぼしいものもなかったので、 ご回答いただいた内容で少し考えてみます。 ありがとうございました。

その他の回答 (2)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

本来は、CGIにでも送って、整形したHTMLを出力させてから印刷するのがまっとうな方法、たとえばここ(教えてgoo)のように、  そうでなければ、印刷用スタイルシートを用意しておく。スクリーンとは別のスタイルシート。  HEAD内に書くなら下記CSSを書いておく。 <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- @media print{ textarea{ dispaly:block;width:30em;height:30em;} } /*最大文字数に合わせて決めておく */ --> </style>

kazumori30
質問者

お礼

ORUKA1951さん ご回答ありがとうございます。 とりあえず、印刷時に別のカラムを用意して印刷する対応にします。 ありがとうございました。

  • 0909union
  • ベストアンサー率39% (325/818)
回答No.2

No1の(2)がもっとも現実的で、確かだと思います。逆に言えば、TEXTAREAを印刷サイズにすればいいわけですね。それと、下記のようなやり方もあります。書き込みできないようにすれば、ただのDIVタグですね。 http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/editRegions.htm

kazumori30
質問者

お礼

0909unionさん ご回答ありがとうございます。 やはりスクロールで表示されていない部分の印刷は無理っぽいですね。 とりあえず、印刷対象を別で表示させる方向で考えてみます。 ありがとうございました。

関連するQ&A

  • <textarea>に横のスクロールをつけたいのですが,可能ですか?

    こんにちわ, 今HTMLを書いているのですが, <textarea></textarea> タグで,入力していくと縦のスクロールバーは自動的にできるのですが,横のスクロールとかをつける事は可能なのでしょうか。 ちなみにRows Colsオプションとかでも,javascript等を使用したり,他のタグで同様な事を実装できるならそれでもいいのですが,知っている方, よろしくおねがいします。

    • ベストアンサー
    • HTML
  • textareaについて

    textareaに400文字の感想を入力してもらいたいのですが、400文字以上入力することを考え,inputタグと同様にmaxlenght="400"としたいので、400文字以上入力されてしまいます。 <TEXTAREA name="comment" COLS="50" ROWS="5" maxlength="400"></TEXTAREA> textareaではmaxlenghtは効果ないのでしょうか?

    • ベストアンサー
    • HTML
  • textareaにタグを挿入したい。

    お世話になります。 divタグのid=で指定した箇所に下記のようにappendChildでtagを挿入する事はできるのですが、textarea内に同じようにタグを挿入した場合、画面には表示されないのです。 FireFoxのFirebagでDOMを見るとタグは挿入されているのですが どうすれば、textareaにタグを挿入してそれをブラウザーで見ることができますでしょうか 大変恐縮ですが、この辺りの解説と解決法をご教授頂けますようお願い致します。 document.getElementById(textarea_test).appendChild(newDoc);

  • textareaについて

    textareaのタグを使って現在下記のようなものを作ったとします。 この場合ファイルの文章中に記述していくため、項目が増えると HTML自体が長く、先が見にくいかたちになってしまいます。 そのため1000~4000の部分は別ファイルとして提供(この場合 テキスト形式でも、HTML形式でもいいですが) したいと思うのですが、そのようなことは可能でしょうか? textareaタグに限らなくても良いのですが、このような方法を ご存じの方は教えて下さい。 (出来るだけHTMLのタグの範囲がいいかな?) <textarea name="kiriban" rows="2" cols="50" wrap="off"> 4000 ××さん 3000 ●●さん 2000 △△さん 1000 ○○さん 500 □□さん </textarea>

    • ベストアンサー
    • HTML
  • textareaのvalueについて

    ▽textareaの受け渡し - PHP - 教えて!goo  http://okwave.jp/qa/q3086989.html >textarea内に表示させる場合は >valueは必要ありません。 ▽[PHP-users 19095]Re: TEXTAREAタグの使い方   http://ml.php.gr.jp/pipermail/php-users/2003-November/019622.html ><TEXTAREA>のValue値は ><TEXTAREA>値</TEXTAREA> >となります。 >なので、開始タグ内でValue値を指定しても表示されません と書かれているのですが、これはHTMLの仕様なのでしょうか? また、それは、どこに書かれているのでしょうか? inputタグはvalueなのに、「textarea」タグでは何故Value値が有効でないか、教えてください。 後、jQueryで「$("textarea").val(data);」とやるのと、 PHPで、<textarea><?php echo $data ?></textarea>とやる行為に、違いはあるでしょうか? 両者は同じことをやっているという認識で良いでしょうか?

    • ベストアンサー
    • PHP
  • <TEXTAREA> 1行目の改行・・・。

    HTMLのほうがよいかASPがよいか迷ったのですが 『.asp』ファイル上での話なので、とりあえずココへ 質問させていただきます・・・。 現在、<Form>タグを使って次画面へ値の受け渡しをしています。 その時、<TEXTAREA>タグに入力された内容を 次画面でも<TEXTAREA>に表示させています。(ReadOnlyで) 1行目にイキナリ改行をした場合に、次の画面では その改行が詰まった状態で表示されてしまいます。 例)入力フォームで [1行目] [2行目]あああ [3行目]いいいいい と入れた後、次の画面に行くと [1行目]あああ [2行目]いいいいい になってしまいます。 1行目の改行もそのまま表示させたいのですが、 何か特別なことをさせないとダメなのでしょうか? (現在は特に何もしていません。Request.Formで拾ったものをそのまま表示させてます)

  • 入力禁止にしたい

    こんにちは。 HTMLタグの<TEXTAREA>~</TEXTAREA>なんですけど、 画面情報は"~"の部分を表示させているのですが、 書き換えられてしまうため、画面情報のtextarea部分を入力不可にしたいとかんがえてます。 optionでavailableとかなんかあった気がしたんですけど、しってますか?

    • ベストアンサー
    • HTML
  • CGIのtextareaへのタグの表示

    CGI(Perl)でWebのメモ帳のようなプログラムを作っています。 何種類かのHTMLタグの使用もできるようにしてあり、更に タグ説明のために &lt; &gt; などを記入することもあります。 初回の記入をそのまま表示させる場合は問題ありませんが、一度記入した内容を 編集のためにブラウザに再表示させ、更にそれを更新すると タグの <> と &lt; &gt;が どちらも <>に変換されてしまい、説明中の HTMLタグ文字列がタグになってしまいます。 例えば A: 最初の記入時「&lt; a href・・・ &gt; はリンクタグ」などと記入してアップロード B: サーバーログには「&lt; a href・・・ &gt; はリンクタグ」のまま記録される C: 編集のためにその記事を再表示させるとブラウザが「<a href・・・ >はリンクタグ」 と表示する D: 別の部分を編集後再アップロードするとログには <a href・・・ > がタグとして記録される E: 以降の表示では <a href・・・ > の部分がリンクタグとして扱われ「はリンクタグ」にリンクがかかる というような問題に悩んでいます。 textarea 内では <code>タグも使えなさそうで・・・ 思案の末、 textarea への送信時だけ 「 &lt; 」を 「<<」などとして送信し、CGIが「<<」を受け取ったら &lt; に変換してログ記録する などのローカルな方法を考えましたが、あまりスマートではないかと。 定石のような方法はないのでしょうか?

    • ベストアンサー
    • CGI
  • textareaでHTMLタグを使いたい

    textarea内に入力したHTMLタグ(<font color=#000000>等)を 使いたいのです。 =を使ってるので$nameと$valueで分ける際に どうしても=以降が無くなってしまいます。 タグの=を残すにはどうしたらいいでしょうか。 すみませんが御教授お願いします。

    • ベストアンサー
    • Perl
  • TEXTAREAにデータを渡したい

    お世話になります。 DBにあるデータを検索して、表示させるプログラムを作っています。 基本的には動くようになったのですが、検索したデータを表示させるときにひとつだけ問題が出てきました。 データの入力画面に、1つだけテキストエリアで入力している部分があります。 そこに入力されたデータを表示させようとしたのですが、表示することができません。 最初は同じようにテキストエリアを作成してvalue属性で代入しようと思っていたのですが、<TEXTAREA>タブにはvalue属性がないみたいなのでどうしようか迷っています。 どなたかいい方法を教えてください。

    • ベストアンサー
    • HTML

専門家に質問してみよう