Anzeige
Tutorialbeschreibung

PDF in HTML einbinden

PDF in HTML einbinden


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&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" 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" width="25%" height="200" href="http://www.domain.de/datei.pdf">

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.

gruß Kyreen

DVD-Werbung
Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von Maiwelt
  • 07.09.2011 - 23:20

Danke für die Tipps !

Portrait von micwag
  • 03.08.2010 - 18:14

Man kann PDFs aber auch mit IFrames einbinden (Nur bei Adobe Reader, bei anderen nicht getestet)
Ansonsten gutet Tut

Portrait von johannestraschuetz
Portrait von UltimateX
  • 20.06.2010 - 13:58

Guter Tipp, Danke kann man bestimmt mal gebrauchen ^^

Portrait von marc210878
  • 04.08.2009 - 21:27

Coole Tipps, danke! Das dies sind gute Möglichkeiten um in einem PDF den Nutzer konkret an eine Stelle zu schicken. Funktioniert dies nur mit Adobe Reader?

Portrait von UltimateX
  • 20.06.2010 - 13:59

ja dies ist meines Wissens nur mit Adobe Reader möglich da ein PDF Browser Add-on notwendig ist.
lg,
Ux

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 02.02.2009 - 17:50

coole sache werd ich dirket mal ausprobieren...

Portrait von josemartini
  • 12.11.2008 - 22:06

echt cool vor allem für ältere sachen...

Portrait von Tyohre
  • 22.04.2008 - 14:29

besten dank für den tipp. werde die vorgestellten möglichkeiten umgehend ausprobieren.
gibt es für's pdf-dateien in die seite einbetten eigentlich eine variante, die in allen drei hauptsächlich verwendeten browsern (opera, ie, firefox) gleich gut funktioniert?

Portrait von krieger
  • 28.10.2007 - 03:57

nice woke ........................................

Portrait von cora
  • 12.10.2007 - 14:16

Vielen Dank...guter Tipp

Portrait von SweeT_C
  • 02.05.2007 - 00:15

Cool. Hab auch schon ne Verwendung...[schülerzeitungs website für "ältere" artikel] :)

Portrait von surfdragon
  • 23.09.2006 - 10:24

Ist ja genial, besten Dank für den Tipp!

Portrait von Same
  • 04.08.2006 - 12:02

Solche Tuts kann man gebrauchen!

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 01.08.2006 - 22:01

Toller Tip,
klappt bei mir aber nur im Firefox, nicht im IE 6,
woran kanns liegen ?

Portrait von 123Kai
  • 17.06.2006 - 09:15

Super Tipp! Muss ich gleich mal ausprobieren. Hab ich noch nie gehört...

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 17.06.2006 - 08:44

sollte man wissen!!! sehr interessant.

Portrait von pepexx
  • 15.06.2006 - 13:55

Super - das kannte ich auch noch nicht.
Kann ich gut verwenden hier. Danke.

Portrait von Stefan
  • 15.06.2006 - 11:23

Coole Tipps. Habe ich vorher auch nicht gewußt. DANKE!

Portrait von aikon
  • 14.06.2006 - 23:33

Danke,
das war sehr hilfreich... auch ich wusste diese Dinge noch nicht. Naja man lernt nie aus :-)

x
×
×