tutorials.de Buch-Aktion 05/2012
  • Webmaster & Internet

    Webmaster & Internet
  • [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&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.

    Viel Spaß beim ausprobieren
    Martin
     


    Kommentare Kommentar schreiben

    Klicke hier, um dich anzumelden

    Wie heißt die Hauptstadt der Bundesrepublik Deutschland?