ページを直接印刷する方法

このQ&Aのポイント
  • 社内ドキュメントをHTML + CSSで製作中です。目次ページからリンクを開かずに直接印刷したい要望があります。
  • 制作したページは印刷を意識して作成しており、リンク先はA4縦に収まるように制作されています。
  • JavaScriptを使用して目次内のボタンから直接印刷する方法やリンク先のページを開き印刷ダイアログを開く方法が可能です。
回答を見る
  • ベストアンサー

ページを直接印刷するには。

社内ドキュメントを、HTMl + CSS で製作中です。 今、目次ページを制作しています。 目次ページからは、該当のページへリンクを張っています。 要望として、リンク先を開かずに直接印刷したいと要望が出ています。 制作したページは、印刷する事を意識してページを制作しており、リンク先は A4 縦に収まるように制作しています。 ですので印刷前の確認必要なく、直接印刷したいと言う要望が出てきました。 要望として 1、リンク先のページを直接印刷出来ないか。 2、もしくは、リンク先のページを開き、印刷ダイアログを開いて印刷 この一連の流れを目次内のボタンで実行出来ないでしょうか。 JavaScript はサンプルのプログラムを修正出来る程度のスキルしか有りません。要望が JavaScript で可能であればアドバイスを頂ければと思います。

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

  • ベストアンサー
noname#35109
noname#35109
回答No.1

書かれていらっしゃることそのままは JavaScript では不可能だと思います。 ページをフレーム使用で作って, ボタンをクリックしたとき, リング先のページを見えないような別フレーム内に表示して, 表示され次第印刷をするとかやたら複雑なことをすればできるのかもしれませんが..。 「フレームを指定して印刷」 http://f32.aaa.livedoor.jp/~azusa/index.php?t=js&p=frame#print > 直接印刷したいと言う要望が出てきました。 しかし, こういうことって普通,JavaScript などを使用する物ではなく, 印刷したい人の方が, 「リンクのかかっている文字を右クリック」→「対象を印刷」 という感じで勝手にリンク先を印刷するものではないでしょうか? それも面倒なのでしょうかね。 もし,要望された方が,この方法を知らない方であれば, この方法を教えてあげるとか, 作成中の 目次ページ に一言書いて置く方法を取る方が良いと思います。 または,目次ページ を開いた状態で, 「ファイル」→「印刷」→「オプション」タブを選択 →「リンクドキュメントをすべて印刷する」 にすると,リンク先の全てが印刷されます。 JavaScript や妙な工夫をするより, 絶対このような方法の方が確実だと思います。 また, JavaScript を変に駆使することに労力を使うより, 社内ドキュメント の内容自体を充実させる方が大切なことだと私は思います。

nori_007
質問者

お礼

アドバイスをありがとうございました。 ページを開かずに印刷は、JavaScript のみで実行出来ない件は、了解しました。 また、フレームを使ってもまでの印刷するような仕組みは、やはり少し違うと思います。ご紹介頂いたページは参考になると思いますので、後ほどじっくり読まさせて頂きます。 >こういうことって普通,JavaScript などを使用する物ではなく, >印刷したい人の方が, >「リンクのかかっている文字を右クリック」→「対象を印刷」 確かにそうだと思います。 ただ、担当部署の社員は入れ替わりも早く、皆が皆マウスの右クリックを知っている、もしくは教育が出来る体制では無く、ボタン一つで印刷が出来ない物かと思った次第です。 また、印刷するのは全てのページでは無く、業務に必要になる書類の印刷になり、各人が必要に応じて印刷しています。 まずは、紹介して頂いたページを勉強して見たいと思います。 また、上司と相談し使い方でカバー出来ないか検討してみます。

関連するQ&A

  • 「印刷用ページを開く」を作るには?

    よく見かける「印刷用ページを開く」を作成したいのですが、 CSSとJavacsriptの活用で以下の点を実現する事は可能でしょうか? ・「印刷用ページを開く」はInputボタンではなくテキストリンク ・印刷したい部分だけ抜粋したレイアウトに変更 ・別ウィンドウ表示 CGIなど動的なプログラムを使っての実現ではなく、 CSSとJavascriptの組み合わせで出来ると聞いたのですが、 ソースがうまく見つかりません。 分かる方ぜひお助けを~~!

  • 表示用ページと印刷用ページ

    表示用ページと印刷用ページがあります、印刷用ページには、 <link rel="stylesheet" href="css/print.css" media="print">で印刷用cssを適用しています。 表示用ページにあるprintボタンを押しと自動的に印刷用ページの印刷プレビュー画面を表示したいのですが、うまくいきません。ご教授お願い致します。

  • 閲覧してるページを自動で印刷したい

    現在WEBページ作成しています。 その際に「印刷する」というボタンをクリックすると プリンタ選択のダイアログなどが出ないでプリンタから閲覧中のページを印刷したいのです。 JavaScriptではprint()のコマンドで印刷はできますが、ダイアログが出てしまいます。 これをせずにダイレクトで印刷を行いたいのですが、何か良い方法はありますか? サーバーはPHP・CGIなどが実行可能です。

  • JavaScriptで別窓に出すページのパス認証

    現在HPを作成中で調べてもなかなか分からなかったので質問させて頂きます。 1つのページに「あ」「い」「う」「え」「お」というリンクがあり、JavaScriptで別窓に表示させます。 その際に、「あ」と「う」と「お」にだけはパスワード(全て同じパスワード。しかし、飛ぶページはそれぞれ違うページ)を掛けたいと思います。入力ダイアログでパスワードを掛けたいと思っていたのですが、特定のリンク先をそれぞれ同じパスワードで違うページに飛ばすというやり方が分かりません。並びに、JavaScriptでの入力ダイアログの書き方がいまいち理解出来ませんでした。 このようなリンク先指定でパスを掛けられるのでしたら、他の方法でも構いません。どうぞご教授下さい。宜しくお願い致します。

  • Firefoxでの印刷について(改ページ)

    Firefoxの印刷プレビューで確認すると、 表の途中で切られて、フッターがいきなり次のページで表示されています。 当然印刷もできていません。 IEでは印刷プレビューで確認した際には、全部の内容が印刷可能なプレビューになっていますが、 Firefoxがうまくできません。 下記のURLにサンプルをアップしてありますので、 CSS、HTMLの記述に問題が無いかをアドバイス願えないでしょうか? よろしくお願いいたします。 http://www.geocities.jp/yuu0318/css_test/

    • ベストアンサー
    • HTML
  • 日毎にページデザインをローテーションしたい

    ご相談させて下さい。 今、作りたいウェブページなのですが、日々、トップページの一部デザインをローテーションさせたいと思っています。 トップページに、掲載記事へのリンクと説明文が記載されているボックスが5つあり、これが縦に並んでいます。この順番を、毎日0時に入れ替えて、5日で一回りのローテーションにしたいのです。 JavaScript等でCSSを毎日切り替えるといったようなを制御出来ないものかと考えているのですが、HTMLとCSSをある程度とJavaScriptとCGIを極少しいじったことがあるだけ程度のスキルなので良い方法が思いつきません。 まったく違った方法をも含め、妙案授けて頂けたらと思います。宜しくお願い致します。

    • ベストアンサー
    • CSS
  • ウェブサイトの全ページをキャプチャして一気に印刷

    ウェブサイトの全ページをキャプチャして一気に印刷する方法ありますでしょうか? 全ページというのは、例えばトップページの上から下までということではなく、100ページのサイトなら100ページ全てという意味の全部です。もちろん各ページ上から下までもです。 リンク先も含めて全ページ印刷なら、インターネットエクスプローラーの印刷オプションでできるのですが、cssでoverflowやpositionを使っている場合、重なったりして見た目の通り印刷できません。なので、キャプチャしてから印刷が必要と考えたのです。 ページの上から下までキャプチャする方法はありますが、リンク先も全てキャプチャする方法などありますでしょうか?そしてそれを一気にすべて印刷する方法などありますでしょうか? cssのoverflowやpositionによる不具合を起こさず、見た目の通り印刷できるならキャプチャという方法でなくても大丈夫です。 OSはwindows8.1。 ブラウザはfirefox、chrome、インタネットエクスプローラーはあります。必要であれば他のブラウザをインストールします。 プリンタはfuji xerox DocuCenter-IV C2275です。 何卒よろしくお願いいたします!

  • HPで各頁に共通したヘッダーhtml全部をつけたい

    ホームページで各ページに共通したヘッダーを JavaScriptのdocument.write()を利用してつけようとしています。 OSはwindows Xpで、制作ツールは、alphaEDITを使用しています。 1.「header.js」ファイルを用意 document.write("<header.html>header"); 2.「index.html」を用意 <html> <head></head> <body> <script language="JavaScript" src="header.js"></script>   中身 </body> </html> 3.スタイルシートsample3.cssを用意 4.header.html を用意 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title>ヘッダー</title> <meta content="text/html; charset=shift_jis" http-equiv="Content-Type"> <link rel="stylesheet" type="text/css" href="sample3.css"> <script language="JavaScript" src="func.js"></script> </head> <body> (かなり長いので省略) <p>&nbsp;</p></body></html> これで「index.html」を実行しますと、   header    中身 と表示されます。 headerという文字ではなく、header.html 全部を表示し、かつスタイルシートも反映させたいのですが、どうすればいいですか? 教えて下さい。 参考にしたURL 各ページに共通したヘッダー(フッター)をつける http://tagland.net/technique/common_header.html

  • document.lastChild.appendChild()のIE5.5対応

    任意のHTMLファイルの<body>内に <script type="text/javascript" src="sample.js" charset="shift_jis"></script> と書いたとき、そのHTMLファイルのヘッダに sample.cssへのlinkを定義できるように --------- sample.js ----------- sample_css=document.createElement('link'); sample_css.rel='stylesheet'; sample_css.href='/sample.css'; sample_css.type='text/css'; document.lastChild.firstChild.appendChild(sample_css); … --------- sample.js ----------- と書いたのですが、IE5.5で、 document.lastChild.firstChild.appendChild(sample_css); の行がエラーとなってしまいます。 IE5.5に対応できる書き方はないものでしょうか。

  • Html CSS JavaScript での印刷制

    現在、htmlページにボタンを置いて、そのボタンが押されたら 印刷の処理を行おうとしているのですが、 その印刷の際に、印刷のプリンタ選択の ダイアログボックスを出さずに印刷をすることは可能でしょうか? Html,css,JavaScript この三つのうち、どれかで制御ができないかと 探してみているのですが、成果が出ません。 方法をご存知の方、 方法が記述されたページをご存知の方、 ご教授お願い致します。 現在、印刷はJavaScriptを使用し、 OnClickイベントで、window.print()を実行させ、 印刷を行おうとしています。

専門家に質問してみよう