• ベストアンサー

テキストエリアの内容を印刷できるようにしたい

宜しくお願いします。 JAVAスクリプトで作った見積もりのページがあります。 該当部分の個数を選択して、下に総計を表示させるのですが 『選択内容を表示』というボタンを押すと 更にその下にあるテキストエリアに選択した内容と総計が 表示されるようにしています。 そこで、質問なのですが、 そのテキストエリアの下に『上記内容を印刷』という ボタンをつけて、テキストエリア内の部分だけを 印刷できるようにしたいのですが、可能でしょうか? お分かりになる方がいましたら、教えてください。

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

  • ベストアンサー
  • Seravy
  • ベストアンサー率47% (118/249)
回答No.1

確かにあまりないですね、そう言うのは。。 あるとすれば、CSSをmedia="print"で読み込み、そのテキストボックスだけを表示させ(更に、大きさもぴったり合うように直しておく)、あとは、display:noneで隠してしまうと出来るかもしれませんね。 ここまでするなら、テキストボックスである必要性はなくなってくる気がしますね~。divの中に、innerHTMLで入れて印刷時に大きくした方が、字の大きさの調整や、デザインとか出来るようになるんじゃないでしょうか。 また一般的な方法をとるとすれば、入力された内容を新規ウィンドウのCGIに渡して、完全に新しいウィンドウを表示することですね。この方がカンタンです。

non_non9
質問者

お礼

おかげさまで、どうにも解決できなかった問題が解けそうです! 貴重なお時間を分けていただき、本当にありがとうございました。

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

関連するQ&A

  • DOMによる、テキストエリアの内容の書き換え

    以下コードを記述し、test.htmlで保存しました。 「ボタンがクリックされたとき、テキストエリアボックスの内容が書き換わる」 と言うことを想定し、作成してみました。 ところが、ボタンをクリックしても、テキストエリアが書き換わりません。 elm[0].Valueでは、駄目なのでしょうか。 ボタンをクリックしたとき、関数までは動いていることは確認できたのですが。 (alertで確認済み) ご教授お願いします。 ==========以下内容====== <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>テキストエリア書き直し</title> </head> <body> <h1>テスト</h1> <p>テキストエリアの書き換え</p> <script type="text/javascript"> <!-- function syutoku(){ var elm=document.getElementsByName('textarea1'); elm[0].Value="書き直し"; //alert(elm[0]); } --> </script> <hr> <p>テキストエリアを書き直します。</p> <form name="form1"> <p><input type="button" value="ボタン" onClick="syutoku()"></p> <p><textarea cols="40" rows="4" name="textarea1"> テキスト書き直しエリア</textarea></p> </form> <hr> </body> </html>

  • テキストエリアの内容がメールに送信できない

    テキストボックスやラジオボタンなど、フォームに書き入れた内容をメールに送信するプログラムを作っています。(アンケートフォームのようなもの) まず、nyuryoku.phpでテキストエリア内に入力されたものを kakunin.php に $area1 として、表示させました。その内容を、hidden でmail.php に送りました。 kakunin.phpでは、$area1 がきちんと表示されるのに、 メールに送られてきた内容は、1行しか送られてきません。 なぜなのでしょうか? kakunin.phpで改行させる為に、  $area2 = nl2br($_POST[area]."\n"); をしましたが、それは関係あるのでしょうか。 分かりづらい説明で、申し訳ありませんがよろしくおねがいします。

    • ベストアンサー
    • PHP
  • チェックボックスに連動するテキストエリア

    初心者なので教えて下さい。 よく、アクセス解析などで、「テキストエリア内のタグをコピーしてお使い下さい」というものがありますが、これを、複数のチェックボックスを用意して、下にテキストエリアを用意して、チェックボックスの複数選択の組み合わせでテキストエリアの内容を切り替え表示する、というものを作りたいのですが、どなたか教えていただきたけますでしょうか?

  • HTMLの内容をテキストエリアに表示する

    いつもお世話になっています。タイトル通りなのですが a.htmlというファイルにたとえば 「あいうえお」 という日本語が記述されているとします(ブラウザで表示するとあいうえおが表示される) そして何かボタンをクリックするとb.htmlのサブウィンドウが表示され そのページにあるテキストエリアに「あいうえお」が表示され テキストエリア内の文字列を編集しボタンをクリックすると a.htmlの内容が一時的でも更新されるようにしたいと思っています。 このような動作をjavascriptのみで行うことは可能でしょうか? 感覚的には掲示板で書き込んだ内容を修正するときのようなものです。 jspで似たような動作をするものを作成しましたが サーバーを介さずにそのような動作をさせたいと思っていますが 不可能でしょうか? b.htmlで編集した内容がa.htmlに保存されなくてもかまいません。 そのときだけでも変化していればいいのです。 言葉が足らずわかりにくいと思うのですが 何卒よろしくお願いします。

  • テキストエリアにカーソルを自動的に移動させる方法

    ASPで、 テキストエリア(フォーム)    ↓ テキストエリアの入力をファイルに書き込み    ↓ ファイルの内容を一覧表示 の順に処理を並べて組んでいます。 テキストエリアに文字を入力したあと、送信ボタンを押すと、 ファイルに書き込んで、ファイルの内容を画面に表示します。 カーソルが、画面の下にいってしまいます。 一度テキストエリアの外に行ってしまったカーソルを、自動的に テキストエリア内に戻す方法を教えてください。

  • Java Scriptによるテキストエリア内での改行

    Java Scriptでテキストエリアに文字を書き込む方法で、 フォーム名.テキストエリア名.value = "文字&文字" と書けば、テキストエリアに文字&文字を書き込んでくれます。 でも、こうすると、改行ができません。 どうすれば、改行ができるようになるのでしょうか?

  • テキストエリアの文字を切り替える

    意味が通じにくいかもしれませんが、1つのボタンを押すことでフォーム内テキストエリアの中身をどんどん切り替えていくって言うのはどうすればいいでしょうか? ┌―――――― |[内容] | └――――――  【ボタン】 例えばまず最初にボタンを押したら[内容]が[文章A]に、またボタンを押したら[文章B]、さらにボタンを押したら・・・といった具合に1回ボタンを押すごとにテキストエリアの中身をどんどん切り替えて行きたいのですが・・・。 私の力では検索などを使用してもやり方を見つけることが出来ません。どうかよろしくお願い致します。

  • テキストエリアの選択行番号を返す関数

    下記のようなJavaScriptで、削除ボタンが押されたときにテキストエリアの何行目が 選択されているかを返す関数を作成途中なのですが、残りの部分がわかりません。 どうすれば、実現できるのか教えていただけないでしょうか。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ホームバンキング</title> <script language="javascript"> <!-- document.form1.display.focus(); // テキストエリアにまずフォーカスを与える function select_row(){ // テキストエリアの何行目がクリックされているかを返す関数 var textarea = document.getElementById('display'); // テキストエリアのHTMLエンティティを取得 for(var i=0; i<textarea.length; i++){ if() break; // テキストエリアのi行目が選択されていたら、 } //document.form1.display.select(); // テキストエリアを選択状態にする return i; } //--> </script> </head>

  • プルダウンリストとテキストエリアの連動

    どう調べてもわからないので教えてください。 HTML上で動作するツールを作成しています。 最終的に、あるテンプレートをテキストエリアに表示させたいと考えています。 そのために、項目をいくつかプルダウンで選択し進んでいくというものです。 プルダウンリストは、選択したリストにより連動し、選択肢が変わるように したいのです。 項目別にプルダウンは5つ、5つ目はない場合もあります。 【手順】 (1)プルダウン(1)選択 ↓ (2)プルダウン(2)選択 ↓ (3)プルダウン(3)選択 ↓ (4)プルダウン(4)選択 ↓ (5)プルダウン(5)選択 ←選択肢がない場合あり ↓ テキストエリアに該当の文言が表示 ちょっと複雑なのですが、よろしくお願いいたします。

  • オンマウスでテキストエリアにテキスト表示

    現在、「猫」という文字にカーソルを合わせると text1のテキストエリアに 「ニャンと鳴く」と表示されるスクリプトを作成しました。 記述の一部ですが下に示します。 <form name="form1"> <TEXTAREA name="text1" rows="5" cols="40"></TEXTAREA> </form> <span onmouseover="txt_dsp('text1','ニャンと鳴く');"onmouseout="txt_dsp('text1', '');">猫</span><br> 教えていただきたいのは'ニャンと鳴く'という部分を msg.txtというテキストファイルに書かれた'ニャンと鳴く' で表示したいのですが、どのような記述にしたらよろしいでしょうか? よろしくお願い致します。