• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Seite mit PDF-Vorschau erstellen

P

Praktikant123

Mitglied
Hallo,
ich würde gerne eine Webseite erstellen, wobei auf der linken Seite Links zu PDF's zu finden sind und auf der rechten Seite eine Vorschau dieser PDF's beim Anklicken zu sehen ist.

Habe mal ein Bild von einer älteren Seite hier hochgeladen. So soll es mal aussehen.
Habe leider keine Ahnung wie ich das machen soll, da ich noch Anfänger bin.

Also es soll so wie hier funktionieren: http://stellenangebote.mmk-personal...2-0-passgenau-nachhaltig-und-kostenattraktiv/

Also links sind die Links zu den PDF's und rechts soll dann die Anzeige kommen.
Leider bekomme ich es nur hin, normale Verlinkungen zu erstellen, bei denen dann die Seite verschwindet und nur noch das Dokument angezeigt wird.

Gibt es hierzu irgendwo eine Anleitung? Nach längerem Suchen bin ich auf iframes gestoßen. Lässt es sich damit realisieren?

M.f.G.
 

Anhänge

  • Unbenannt.PNG
    Unbenannt.PNG
    28,5 KB · Aufrufe: 5
Zuletzt bearbeitet:
Werbung:
Hallo,

mit dem Beispiellink kann ich nichts anfangen bzw. finde nichts mit PDF.
Das was möchtest geht mit rein PDF nicht Könntest nach "online pdf viewer" mal suchen aber ob das überall dann richtig angezeigt wird?
PDF ist da einfach nicht das Format da zu.

Cheffchen
 
Praktikant123 schrieb:
Hallo,
ich würde gerne eine Webseite erstellen, wobei auf der linken Seite Links zu PDF's zu finden sind und auf der rechten Seite eine Vorschau dieser PDF's beim Anklicken zu sehen ist.

Habe mal ein Bild von einer älteren Seite hier hochgeladen. So soll es mal aussehen.
Habe leider keine Ahnung wie ich das machen soll, da ich noch Anfänger bin.

Also es soll so wie hier funktionieren: http://stellenangebote.mmk-personal...2-0-passgenau-nachhaltig-und-kostenattraktiv/

Also links sind die Links zu den PDF's und rechts soll dann die Anzeige kommen.
Leider bekomme ich es nur hin, normale Verlinkungen zu erstellen, bei denen dann die Seite verschwindet und nur noch das Dokument angezeigt wird.

Gibt es hierzu irgendwo eine Anleitung? Nach längerem Suchen bin ich auf iframes gestoßen. Lässt es sich damit realisieren?

M.f.G.
Zum Vergrößern anklicken....

Kann bei dem Link auch nichts dementsprechendes finden, aber deiner Erklärung nach könnte das so funktionieren:
HTML: 
<ul>
  <li><a href="test-1.pdf" target="iframe">PDF 1</a></li>
  <li><a href="test-2.pdf" target="iframe">PDF 2</a></li>
  <li><a href="test-3.pdf" target="iframe">PDF 3</a></li>
</ul>
<iframe name="iframe" frameborder="0"></iframe>
 
Werbung:
index.php
HTML: 
<div id="menue">
 <a href="_PATH_TO_PDF">PDF_NAME<span class="info"><img src="PDF_PREVIW.php" width="300" height="300" alt="PDF_NAME_BILD"></span></a>
</div>

PDF_PREVIW.php
PHP: 
<?php
$imagick = new Imagick();
$imagick->readImage('myfile.pdf[0]');
$imagick->writeImages('converted.jpg', false);
echo $imagick;
$imagick->clear();
$imagick->destroy();

CSS
Code: 
.info{   display:none;}
#menue{   float  :left;border :1px dotted #999;width  :400px;padding:0.5em;}
#menue A:hover .info{   DISPLAY:block; BACKGROUND:none transparent scroll repeat 0% 0%; margin-LEFT:60%; PADDING-BOTTOM:0px; COLOR: black; PADDING-TOP:200px;POSITION :absolute;TOP:0px;HEIGHT :50px;}

Für ein Vorschaubild sieh dir imagick an:
 
Zuletzt bearbeitet:
sysop schrieb:
index.php

PDF_PREVIW.php
PHP: 
<?php
$imagick = new Imagick();
$imagick->readImage('myfile.pdf[0]');
$imagick->writeImages('converted.jpg', false);
echo $imagick;
$imagick->clear();
$imagick->destroy();
Zum Vergrößern anklicken....

Also ich glaube das hilft mir weiter. Das ist ziemlich genau das, was ich meinte.
Bloß bekomme ich keine Vorschau von dem Dokument.
Ich denke es liegt an dem .php. Kannst du mir sagen, was ich hier verändern muss?
Habe ein Screenshot angefügt.
 

Anhänge

  • Unbenannt.png
    Unbenannt.png
    33,6 KB · Aufrufe: 5
Hallo

Ich bin kein Experte in Sachen pdf.

Meiner Kenntnis nach können nicht alle Browser von Haus aus pdf-Dateien direkt anzeigen. Bei einigen (oder sogar allen?) muss dazu ein AddOn installiert werden. Einige (nicht alle) pdf-Viewer erledigen das bei ihrer Installation gleich mit, so dass die Anwender das nur durch einen kurzen, gern überlesenen, Hinweis mitbekommen.

Somit kann vom Webseitenersteller nicht erwartet werden dass seine Besucher Browser haben, die pdf-Dateien direkt im Browserfenster anzeigen können.

Falls dem so ist sollte auf die direke Ansicht von pdf-Dateien direkt verzichtet werden. Meldungen wie "Dein Browser ist zu blöd um meine Seite korrekt anzuzeigen" führen in der Regel zu radiakalem Besucherschwund.

Gruss

MrMurphy
 
Werbung:
Praktikant123 schrieb:
Also ich glaube das hilft mir weiter. Das ist ziemlich genau das, was ich meinte.
Bloß bekomme ich keine Vorschau von dem Dokument.
Ich denke es liegt an dem .php. Kannst du mir sagen, was ich hier verändern muss?
Habe ein Screenshot angefügt.
Zum Vergrößern anklicken....
Das Bsp. funktioniert, ist hier getestet. pdf_preview.png
Php5-imagick muss installiert sein und du musst die Pfade korrekt setzen.
 
Werbung:
Nur zur Info, dass keine Missverständnisse aufkommen, in meinem Bsp. wird nicht PDF embedded, sondern eine Grafik der ersten Seite erstellt und angezeigt.
 
Spicelab schrieb:
Tut es dort doch. Von daher verstehe ich jetzt Deine Frage nicht.
Zum Vergrößern anklicken....
Ja habe ich dann gemerkt und meine Frage gelöscht. ;)Wahrscheinlich hast du da schon geantwortet gehabt. Deine Lösung ist auch sehr passend und hilft mir weiter, danke.

sysop schrieb:
Nur zur Info, dass keine Missverständnisse aufkommen, in meinem Bsp. wird nicht PDF embedded, sondern eine Grafik der ersten Seite erstellt und angezeigt.
Zum Vergrößern anklicken....
Ja das habe ich verstanden. Ich wusste nicht, dass ich imagick installieren muss.
Danke.
 
Werbung:
Hallo,

habe mit PDFObject ein PDF in meine Seite integriert. Jedoch verschwindet dieses immer beim Scrollen. Sobald man aufhört zu scrollen, wird es jedoch wieder angezeigt.
Konnte hierzu nichts in der Anleitung zum PDF-Object finden.

Gruß.
 
Zuletzt bearbeitet:
Praktikant123 schrieb:
habe mit PDFObject ein PDF in meine Seite integriert. JEdoch verschwindet dieses immer beim Scrollen. Sobald man aufhört zu scrollen wird es jedoch wieder angezeigt.
Konnte hierzu nichts in der Anleitung zum PDF-Object finden.
Zum Vergrößern anklicken....
Da ich das Verhalten im Originalbeispiel (https://pdfobject.com/examples/replace-PDF-with-second-PDF.html) nicht beobachten kann, stehen diese Fragen im Raum:
  1. Beim Scrollen des eingebetteten PDFs, oder beim Scrollen der kompletten Seite?
  2. Existiert das Problem bei Dir auch im Original, oder lediglich in Deiner Seite?
  3. In welchem OS und Browser taucht das Problem auf?
  4. Ist die Seite für Dritte zugänglich, um einen Blick darauf werfen zu können?
Letzteres wäre zwingend erforderlich, um sich überhaupt konkret äußern zu können.
 
Also ich habe es mit dem Internet Explorer versucht, da funktioniert es ohne Probleme. Benutze aber standardmäßig Firefox.
Die Seite ist nur offline verfügbar leider. Habe mal ein Bild verlinkt.
So sieht es beim Scrollen der kompletten Seite aus. Wenn man die PDF scrollt passiert das nicht.
 

Anhänge

  • Unbenannt.PNG
    Unbenannt.PNG
    12,3 KB · Aufrufe: 2
Werbung:
Praktikant123 schrieb:
Also ich habe es mit dem Internet Explorer versucht, da funktioniert es ohne Probleme. Benutze aber standardmäßig Firefox.
Zum Vergrößern anklicken....
Frage 2 hast Du überhaupt nicht beantwortet, und Frage 3 nur teilweise :rolleyes:

Aus Jux und Tollerei hab ich sie sicher nicht gestellt.

Beim nächsten Deiner Themen kann ich ja mal den Spieß umdrehen, damit Du spürst, wie das so ist.
Praktikant123 schrieb:
Die Seite ist nur offline verfügbar leider.
Zum Vergrößern anklicken....
Das ist schlecht (für Dich), weil so niemand was dazu sagen kann.
 
Praktikant123 schrieb:
Frage 2 kann ich nicht beantworten
Zum Vergrößern anklicken....
Wie das? Der Link ist bekannt.
Praktikant123 schrieb:
Und ich benutze Windows.
Zum Vergrößern anklicken....
Was Du nicht sagst. Versteht sich von selbst, wenn das Problem im IE nicht existiert.

Nur welches Windows? Gibt schließlich davon mehrere Versionen, die zur Zeit parallel am Start sind.

Aber lass' gut sein. Habe keine Zeit und Lust, Dir alles einzeln aus der Nase zu ziehen - schließlich willst Du was von uns, und nicht umgekehrt.
 
Werbung:
Praktikant123 schrieb:
Frage 2 kann ich nicht beantworten
Zum Vergrößern anklicken....
Wie das? Der Link ist bekannt.
Praktikant123 schrieb:
Und ich benutze Windows.
Zum Vergrößern anklicken....
Was Du nicht sagst. Versteht sich von selbst, wenn das Problem im IE nicht existiert.

Nur welches Windows? Gibt schließlich davon mehrere Versionen, die zur Zeit parallel am Start sind.

Aber lass' gut sein. Habe keine Zeit und Lust, Dir alles einzeln aus der Nase zu ziehen - schließlich willst Du was von uns, und nicht umgekehrt.
 
Weiß nicht was so schlimm an meinen Antworten sind. Habe nun mal leider keine Ahnung von dem ganzen Kram und habe nur um Hilfe gebeten.
Du musst es ja nicht beantworten.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben