Tutorials von Thomas Frei-Herrmann

Formular fertig ausgefüllt zum Drucken bereitstellen - zurück zum Formular

Hierzu erstellt Ihr einfach ein ganz “normales” Formular mit Euren “Formular-Werkzeugen”.

Ich habe dieses Formular hier auf einer Unterseite erstellt, der ich den Master-Rahmen “ZeroMargins” gegeben habe, um dann mittels “Inlineframe” auf diese Seite zu verlinken auf der sich auch das Druckersymbol befindet. So wird dann beim Ausdruck lediglich das Formular ausgedruckt und nicht der Rest meiner Seite.

Nun gebt Ihr bereits im Fenster “Eingabefeld-Eigenschaften” den Wert der Felder unter “Text:” ein.

Das mit dem Drucker-Symbol habe ich so gemacht, wie es hier beschrieben steht. Wie Ihr bei den Erklärungen auf dieser Seite bereits lesen konntet, hat das Drucker-Bild die ID “noprint” erhalten und wird durch den Befehl:

{display: none}

eben nicht beim Drucken mit angezeigt. In diesem Beispiel hier habe ich auch noch der Schaltfläche “zurücksetzen” eine ID “nobutton” gegeben, damit diese ebenfalls nicht mitgedruckt wird. Dieser Code gehört dann in die “Layout-HTML” der Seite mit dem Formular, also so:

> Layout klicken > Fenster “Layout-Eigenschaften” > Button “HTML” > “Zwischen Head-Tags” einfügen.

<style type="text/css" media="print">
<!--

#noprint {display: none}
#nobutton {display: none}

-->
</style>

... Ihr könntet diese Idee natürlich auch so verwenden, also den Inhalt des Formulars mittels URL-Eingabe übernehmen, wie ich es hier mal zeige.

zurück zum Formular

diese Seite weiter empfehlen



Counter Statistik