Seiten druckfrisch gestalten

Mancher Besucher einer Website möchte eine bestimmte Seite ausdrucken, auf dem Papier stören dann Elemente wie Werbung, Navigationsleisten, großflächige Design-Elemente oder andere Elemente. Wie Sie diese vor dem drucken "wegzaubern" erfahren Sie hier.

Es ist eigentlich ganz einfach, erstellen Sie eine CSS-Datei mit dem Namen "print.css". In diese Datei fügen Sie nun Anweisungen ein, welche Elemente nicht mit ausgedruckt werden sollen.

Beispiel:

nav#navigation {
 display: none;
}

div#werbung {
 display: none;
}

span.rahmen {
 display: none;
}

Datei einbinden

Fügen Sie nun in Ihren Seiten im <head>-Bereich den Link zur externen CSS-Datei hinzu:

<link rel="stylesheet" href="print.css" media="print">

Wichtig ist hierbei die Angabe media="print", damit erkennt der Browser das diese Datei verwendet werden soll wenn das Dokument (die Seite) ausgedruckt wird.

Alles noch einfacher!

Sie können die CSS-Anweisungen auch in Ihre normale CSS-Datei einfügen wenn Sie die @media{} Media Queries verwenden.

@media print {
   nav#navigation {
    display: none;
   }
   
   div#werbung {
    display: none;
   }
   
   span.rahmen {
    display: none;
   }
}

Sie können das ganze leicht nachprüfen ob es funktioniert, rufen Sie in Ihrem Browser die Druckvorschau auf, die ausgeblendeten Elemente sollten nicht mehr angezeigt werden.

Tipps

Suchanfrage an eine Datenbank über AJAX senden und empfangen
Ohne das die Seite neu geladen werden muss, kann man über JavaScript eine Suchanfrage an eine PHP-Datei senden (die dann eine DB-Tabelle ausliest) und die Ergebnisse auf der gleichen Seite ausgibt.
Zeichenkodierung - Schriftzeichen richtig darstellen
Oft werden Umlaute, Akzentzeichen oder andere fehlerhafte Zeichen auf der Webseite angezeigt. Auch der Inhalt einer E-Mail, vom Kontaktformular der Website, kann falsche Umlautzeichen enthalten. Beispiele um diese Zeichen in der richtigen Zeichenkodierung darzustellen.
Mit JSON Daten zwischen JavaScript und PHP austauschen
JSON, ist ein kompaktes Datenformat in einer einfach lesbaren Textform zum Zweck des Datenaustauschs zwischen Anwendungen.
Diese Schlagwörter könnten Sie interessieren:
Mauszeiger Mehrfachauswahl Rahmen Blätterfunktion JSON Datenschutz-Hinweis Zeitfunktionen SQLite Sicherheit Seitenformatierung AJAX Wasserzeichen Wecker Textgestaltung Zugriffsrechte Sitemaps-Protokoll Zeitansage Zoom-Funktion Zeitbalken CSS-Counter