0

私はレシピブログを持っていて、ブログ投稿からレシピだけを印刷するオプションがあります。これはすべて設定されており、うまく機能します。適切なものがこのjavascriptを使用して印刷されます。

<script type='text/javascript'>

// Print recipe using iframe
function printRecipe(){
var content = document.getElementById(&quot;recipe&quot;);
var pri = document.getElementById(&quot;ifmcontentstoprint&quot;).contentWindow;
pri.document.open();
pri.document.write(content.innerHTML);
pri.document.close();
pri.focus();
pri.print();
}

私がやりたいのは、すべての「印刷レシピ」の下部にWebサイトアドレスを含むフッターを追加することです。これはレシピごとに変わりませんが、元のレシピに表示したくないので、レシピが印刷されたときにのみ表示する必要があります。したがって、このコードのどこかに追加する必要があることはわかっていますが、これまでのところ運がありません。

私は、単純な質問であるに違いないものに対する本当の答えがないまま、たくさんのフォーラムを検索しようとしました。

助けてください！ありがとう。

4

1 に答える 1

1

この行の後：

pri.document.write(content.innerHTML);

フッターを追加します。

pri.document.write("My custom footer! Can include HTML");

最終コード：

<script type='text/javascript'>

// Print recipe using iframe
function printRecipe(){
var content = document.getElementById("recipe");
var pri = document.getElementById("ifmcontentstoprint").contentWindow;
pri.document.open();
pri.document.write(content.innerHTML);
pri.document.write("My custom footer! Can include HTML");
pri.document.close();
pri.focus();
pri.print();
}
</script>
于 2012-06-25T03:22:05.077 に答える