Ausdruck von Seitenteilen

magifix · 10 November 2010

Hallo,

ich möchte über eine Schaltfläche einen Teil einer Seite ausdrucken lassen. Es soll also nur das ausgedruckt werden, was den Besucher
tatsächlich interessiert, ohne Kopf und Navigationsleiste.
Ist das möglich? Wenn ja, kann mir jemand bitte mitteilen wie ich das anpacken muss?

Marv · 10 November 2010

Hallo,
eventuell dürfte das gehen, mit

Code:

focus();

Dann z.B. eine entsprechende Funktion aufrufen lassen die das makierte druckt
bei input oder Link:

Code:

<input type="button" value="Makiertes drucken" onClick="[COLOR=#ff007f]makierterAusdruck()[/COLOR]">
<a href="javascript:[COLOR=#ff007f]makierterAusdruck[/COLOR][COLOR=#ff007f]()[/COLOR]">Makiertes Ausdrucken</a>

und der funktion

Code:

function [COLOR=#ff007f]makierterAusdruck()[/COLOR] {
window.parent.[COLOR=#0d0dff]InhaltDiv[/COLOR].focus();
window.print();
}

Wobei hier "InhaltDiv" Das div mit dem gewollten Content sein müsste.
Hoffe das klappt so.

vitus37 · 10 November 2010

Ich würde ein Print-Stylesheet anlegen und in diesem die nicht benötigten Elemente mit display: none; ausblenden.

Siehe
SELFHTML: Stylesheets / CSS-Formate definieren / Stylesheets in HTML einbinden
und
Drucklayout: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

EDIT:
Dazu noch ein kleiner Button und damit hat's sich:

HTML:

<button onclick="window.print()">Ausdrucken</button>

magifix · 10 November 2010

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="Content-Type">
  <title>drucktest_ges</title>
  
<style type="text/css">

<!--
@media print {
  /* Drucker */


  .bildschirm {
  display:none;
  }
  
  .beide {
  }   

}

@media screen, handheld {
  /* Bildschirm */


  .drucker {
  display:none;
  }
  
  .beide {
  }

}

-->
</style>


</head>
<body>

<div class="bildschirm">
<table
 style="text-align: left; width: 90%; margin-left: auto; margin-right: auto;"
 border="1" cellpadding="2" cellspacing="2">
  <tbody>

    <tr>
      <td style="vertical-align: top;">oben<br>
      </td>
    </tr>
    <tr>
      <td style="vertical-align: top;">mitte<br>
      <br>
      <br>
      </div>

      <div class="drucker">
      Ausdruck von heute
      </div>


      <div class="beide">
      <table
 style="text-align: left; width: 90%; margin-left: auto; margin-right: auto;"
 border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td style="vertical-align: top;">Druckertest<br>
            </td>
            <td style="vertical-align: top;"><br>
            </td>
          </tr>
          <tr>
            <td style="vertical-align: top;"><br>
            </td>
            <td style="vertical-align: top;"><br>
            </td>
          </tr>
        </tbody>
      </table>
      <div align="center" class="bildschirm">
<a href="javascript:window:print();" drucken=""></a> <input
 onclick="window:print();" value="drucken" type="button">
 </div>
      <br>
      <br>
      </td>
    </tr>
    <tr>
      <td style="vertical-align: top;">unten<br>
      </td>
    </tr>

  </tbody>
</table>
</div>
<br>
</body>
</html>
[code]

habe es mit diesem Code versucht ... geht leider nicht
meine Seite ist im Prinzip so aufgebaut:
Tabelle in Tabelle
die innere Tabelle soll gedruckt werden.

den ersten Vorschlag mit dem markeirten Text hab ich leider nicht hinbekommen.

threadi · 10 November 2010

Mit welchem Browser testest Du es?

magifix · 10 November 2010

Ich hatte den IE und den Firefox

vitus37 · 11 November 2010

Indem du dem äußersten DIV der Klasse bildschrim ein display: none; gibst, verschwindet dessen gesamter Inhalt, egal welchen display-Wert du den Kindelementen gibst. Versuche mal nur den einzelnen Elementen ein none zu geben.

Ausdruck von Seitenteilen

magifix

Neues Mitglied

Marv

Mitglied

vitus37

Senior HTML'ler

magifix

Neues Mitglied

threadi

Moderator

magifix

Neues Mitglied

vitus37

Senior HTML'ler

Neueste Beiträge