Q&A
ブラウザでの話でしょうか。それとも別の処理系の話でしょうか。
タイトルの通りですが、特定の文字列が印刷するデータに含まれていた場合、印刷プレビュー画面で表示時に、画像を表示させてそのまま印刷できるようにしたいとひらめいたのですが、こちらの機能を実現するためには、javascriptだと難しいでしょうか？
色々と調べたのですが、C#などがでてきたのでjavascriptでも可能かどうか教えていただけますと幸いです。
※内容が不足していたので、追記させていただきます。
実現したい状況は、ヤフーストアでの注文があった場合、注文書を印刷するのですが、その際に印刷プレビュー内に特定の文字が含まれていた場合、画像を表示するというプログラムを実装したいと考えています。
回答2件
0
- JavaScriptで「特定の文字列」を検出
- 印刷用CSSを挿入
- 以上
印刷用CSSで元のHTMLを消してしまい、画像を背景に設定するなどすれば、できるかもしれません。
【印刷用CSS（@media print）を確認・デバッグする方法 | 編集長ブログ―安田英久 | Web担当者Forum】
http://web-tan.forum.impressrd.jp/e/2015/07/28/20508
【Webページ(HTML)の印刷用CSS設定 - palm84.hatenablog.com】
http://palm84.hatenablog.com/entry/20160115/1452851856
【そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita】
http://qiita.com/cognitom/items/d39d5f19054c8c8fd592
投稿2016/11/02 06:23
総合スコア69407
凄くわかりやすく記載していただきましてありがとうございます。
私の記載した内容が不足していたので、追記させていただきますが、
実現したい状況は、ヤフーストアでの注文があった場合、注文書を印刷するのですが、その際に印刷プレビューないに特定の文字が含まれていた場合、画像を表示するというプログラムを実装したいんです。
自作のHPなどでしたらKei344様のおっしゃる通りの方法で可能ですね！とても参考になります。ありがとうございます。そして言葉が足らずすみませんでした。
ヤフーストアの仕様がいまいちわかりませんが、そこにJavaScriptを挿入するような項目は無いのではないでしょうか。また、JavaScriptが挿入できるのであれば、CSSも挿入出来ます。
はい。おっしゃる通りです。
素人ながら、ブラウザでヤフーストアの注文書の印刷プレビュー画面を表示時に、
特定の文字列を含む場合に限り画像を表示するという機能を追加できるプログラムを作成することは可能なのかどうか見解を伺いたかった次第です。
またjavascriptを指定した理由は、勉強をし始めた言語だったからで特別こだわりはありません。
ブラウザ上で動くスクリプトは実質JavaScriptだけなので、その選択は別に間違っていないと思います。
ただ、外部ストアシステムなどの場合、決済がからむところ（見積もりも含め）にショップオーナーのスクリプト挿入を許さないと思います。当たり前といえば当たり前なのですが、エンドユーザーに不利益のある契約にされる可能性すらあるので、普通は編集させません。
ヤフーのシステムと切り離して、ブラウザ用のアプリとして印刷プレビュー内に特定の文字列があった場合、画像を表示させて印刷するという物を作成することも現実的には不可能でしょうか？
Androidアプリや Chrome拡張などならできるかもしれませんね。
Chrome拡張機能でできないか調べてみます。いろいろご回答いただきましてありがとうございました！
あなたの回答
tips
プレビュー
