98.
Selektiver Ausdruck von Inhalten (18.10.2002)
Im Tipp 39 wurde gezeigt, wie sich separate Formatvorlagen für die Bildschirm- bzw. Druckausgabe unter Verwendung der MEDIA-Types screen und print realisieren lassen. Als Erweiterung bietet dieser Tipp eine Möglichkeit zum selektiven Ausdruck von Inhalten.
Das Beispiel 98 zeigt drei Tabellen, die über die zugeordneten Buttons jeweils einzeln ausgedruckt werden können. Im Hintergrund arbeitet eine JavaScript-Funktion, die den Tabellen die Klassen anzeigen bzw. verstecken aus dem Print-CSS zuweist.
JavaScript-Funktion:
function TabelleDrucken(nr)
{
if(document.getElementsByTagName)
{
var tables, i, j;
tables=document.getElementsByTagName("table");
for(i=0;i<tables.length;i++)
{
if(i==nr-1)tables[i].className="anzeigen";
else tables[i].className="verstecken";
}
window.print();
}
}
Print-Stylesheet:
table.anzeigen
{
display: block;
}
table.verstecken
{
display: none;
}
Zum Ausdruck der gewünschten Tabelle wird der Funktion ein numerischer Parameter übergeben (1 = erste Tabelle usw.). Um beim Testen Papier zu sparen, kann das Beispiel unter IE und Mozilla mit der Druckvorschau betrachtet werden. Nach dem Anklicken eines Buttons werden die genannten Klassen ausgetauscht und danach erfolgt der Aufruf des Druckdialogs mittels der print()-Methode des window-Objektes. Wählt man nun "Abbrechen" statt "OK" und ruft im Anschluss die Druckvorschau des Browsers auf, ist die zum Druck präparierte Tabelle zu sehen.
|