6

クリックして画像を印刷するための簡単なリンクを作成しようとしています。リンクをクリックすると、新しいウィンドウが画像とともに開き、ブラウザーが印刷コマンド ダイアログ ボックスを開きます。

私の質問は、これが URL パラメーターからのみ可能か、それとも開始ページのアンカー要素から可能かということです。または、これを行うには、javascript を使用してターゲット ページを作成する必要がありますか?

これが私が持っているもののサンプルです：

<p class="click-2-print">
  <a href="/img/map.jpg" target="_blank">Click here to print the map above</a>
</p>

明らかに、上記のコードは新しいウィンドウで画像を開きますが、それでもユーザーは Ctrl+P、Cmd+P を押すか、ブラウザー コマンドを使用する必要があります。私のクライアントは、ユーザーがリンクをクリックしたときに画像を「印刷するだけ」にしたいので、これを実現する最も簡単な方法を見つけようとしています。

私が説明したことを達成するために、上記のマークアップに追加できるパラメーターまたは属性はありますか?

4

5 に答える 5

11

window.print() を呼び出す必要があります。おそらくこのようなものですか？

function printimage(){
    var URL = "http://myimage.jpg";

    var W = window.open(URL);

    W.window.print();
}

別のオプションとして、読み込まれたときにブラウザに印刷するように指示するページに画像を配置することもできます。例えば...

<body onload="window.print();">
<img src="/img/map.jpg">
</body>
于 2011-02-22T02:26:00.790 に答える
2

作業している言語またはフレームワークで、画像パスのクエリ文字列引数を受け入れるページを作成し、その画像をドキュメントに出力し、onload/readyを呼び出すことをお勧めしますwindow.print()。画像を直接リンクするのではなく、そこにリンクし、 を保持して、target="_blank"設定する必要があります。

于 2011-02-22T02:23:25.977 に答える
1

ブラウザの印刷ダイアログをトリガーするには、javascript でwindow.print()を呼び出す必要があります。署名されたアプレットを実行しない限り、ユーザーの操作なしに印刷をトリガーすることはできないと確信しています。

于 2011-02-22T02:21:56.833 に答える
0

ジャグよ。まさにあなたが探しているものではありませんが、私は Web デザイン会社で働いていたときにこのチュートリアルを書きました. おそらく、そのコードを調べて、画像を印刷するリンクを取得できます。基本的に、このコードで行うことは、fancybox jquery プラグインに印刷ボタンを追加することです。必要なものに追加するために印刷部分を使用できなかった理由がわかりません。それが役に立てば幸い。

fancybox jquery プラグインに印刷機能を追加

于 2011-02-22T02:22:03.263 に答える