1

子供が特定の背景から背景を選択し、自分の名前を書いて印刷する子供用カードのプロジェクトがありますが、問題は、ページ全体ではなくカード (背景付きの apDiv14) のみを印刷したいことです。特定のコンテンツを印刷用の画像に変換する

    <div id="apDiv14">
      <div id="for1">
        <h1 ID="head1">&nbsp;<br>
        <h1 ID="head2">&nbsp;<br>
        <h1 ID="head3">&nbsp;<br>
          <br>
        </h1>
    </div>
      <div id="apDiv17"><form name="form1">

        <p>
<br>
  <input type="text" name="newtitle" size="25">
  </p>
          <input type="text" name="newtitle2" size="25">
          <br>
          <br>
          <select name="newtitle3" style="width: 150px;">
    <option value="">age</option>

  </select>
  <br>
        </p>
        <p>          <img src="img/BB.gif" width="80" height="45" onClick="ChangeTitle();"><img src="img/PB.gif" width="80" height="45" onClick="pri();">        </p>
        <p>
  </form>   </div></div>

    <script>
function pri() {
    window.print(); }
</script>

    function pic1(apDiv14)
{
    // background 1
document.getElementById("apDiv14").style.backgroundImage="url('img/1st card Jeddah.jpg')";
document.body.style.zIndex='4';
document.getElementById("apDiv14").style.backgroundSize = "527px 307px";
document.getElementById("apDiv14").style.backgroundRepeat='no-repeat';

}
function pic2(apDiv14)
{
//background 2
document.getElementById("apDiv14").style.backgroundImage= "url('img/2nd card Jeddah.jpg')";
document.body.style.zIndex='4';
document.getElementById("apDiv14").style.backgroundSize = "527px 307px";
document.getElementById("apDiv14").style.backgroundRepeat='no-repeat';}
4

2 に答える 2

0

JavaScript コード:

  var content = document.getElementById("divcontents");
    var pri = document.getElementById("ifmcontentstoprint").contentWindow;
    pri.document.open();
    pri.document.write(content.innerHTML);
    pri.document.close();
    pri.focus();
    pri.print();

html コード:

<iframe id="ifmcontentstoprint" style="height: 0px; width: 0px; position: absolute"></iframe>
于 2013-06-17T06:26:18.603 に答える
0

印刷メディアスタイルシートを使用して、印刷されるコンテンツを制限することができます (他のコンテンツを に設定することによりdisplay: noneますが、ほとんどのブラウザーは背景画像を印刷しないように構成されています (背景画像はほとんど重要ではなく、大量のインクを使用するため)。

サーバー側のコードを使用して印刷用の PDF バージョンを生成し、フォームを使用してオプションをサーバーに送信することで、これに取り組みます。

于 2013-06-17T06:04:08.803 に答える