[Trickkiste] PDF in HTML einbinden

An dieser Stelle mal ein wirklich guter Tipp betr. Links zu PDF-Dateien in HTML-Seiten.

Einfacher Link nach diesem Muster:

<a href=“http://www.domain.de/datei.pdf“>hier klicken</a>

Aber es gibt sehr interessante Zusatzoptionen!

Diese funktionieren nach diesem Muster:

<a href=“http://www.domain.de/datei.pdf#page=72&amp;view=FitView“>hier klicken</a>

Also für die erste Option eine Raute (#) direkt hinter die URL und dann die Option. Ab der zweiten Option wird ein & als Trenner verwendet.

Optionsliste:

  • Zu einer Seite springen
    page=Seitennummer (Seitennummer ist eine Ganzzahl z.B. 72)
  • Seite in Viewerfenster einpassen (Zoom)
    view=FitView (FitView heißt Seitenanpassung an Viewerfenster)
  • Seitenbreite an Viewerfenster anpassen
    view=FitB (FitB paßt die Seitenbreite an das Viewerfenster an)
  • Anzeigemodus
    pagemode=mode (mode kann die Werte thumbs, bookmarks und none haben, je nach dem, was angezeigt werden soll)
  • Scroll-Leisten aus- oder einblenden
    scrollbar=wert (wert kann entweder true oder false sein, je nachdem, ob die Scrollbalken angezeigt werden sollen oder nicht)
  • Symbolleiste ein- oder ausblenden
    toolbar=wert (wert kann entweder true oder false sein, je nachdem, ob die Symbolleiste angezeigt werden sollen oder nicht)

Außerdem kann man PDF-Dateien auch noch in die Seite „embedden“ mit dem <OBJECT>- oder dem <EMBED>-Tag, wobei letzteres durch seine Netscape-Kompatibilität zu bevorzugen ist. Allerdings können Netscape-User nur die erste Seite des Dokuments sehen und nicht im Dokument navigieren.

Einfacher <EMBED>-Tag nach diesem Muster:

<embed src=“http://www.domain.de/datei.pdf&#8220; width=“25%“ height=“200″>

Hierbei gibt der Wert von width und height entweder eine absolute Größe der PDF-Anzeige im Browser an oder mit % eine relative Größe.

Für User von Netscape kann man den <EMBED>-Tag auch um einen Link erweitern. Damit funktioniert die eingebundene PDF-Seite als Link zum Dokument.
Einfach am Ende des <EMBED>-Tags einen Link nach folgendem Muster einfügen:

<embed src=“http://www.domain.de/datei.pdf&#8220; width=“25%“ height=“200″ href=“http://www.domain.de/datei.pdf“&gt;

Was man noch wissen sollte:
Die Optionen werden in der Reihenfolge „abgearbeitet“, wie man sie im Link verwendet. Also wird erst das Dokument geladen, dann wird z.B. zu der angegebenen Seite gesprungen, dann die Anzeigegröße angepaßt.

via [Trickkiste] PDF in HTML einbinden – HTML – Tutorials @ tutorials.de: Forum, Tutorial, Anleitung, Schulung & Hilfe.

Schreibe einen Kommentar

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

%d Bloggern gefällt das: