Datei als ICON einbinden

[Scholes]

Gute Tag, :)
ich habe ein kleines Anliegen auf einer HTML Seite von mir....

Und zwar möchte ich gerne eine PFD Datei in meine HTML Seite einbetten.
Das geht auch an sich ganz gut.
Nur leider bekomme ich es nur hin, dass die PDF Datei komplett angezeigt wird und viel zu groß auf der Seite ist, oder dass ein Link zu der PDF Datei angezeigt wird.

Ich würde aber gerne nur ein ICON anzeigen lassen, welches dann mit Doppbelklick die Datei öffnet.
Geht das irgendwie?

Hier meine zwei bisherigen Ansätze

<p><A href="Die ist die Date.pdf">Name der Datei</A>


<p><object data="Dies ist die Datei.pdf" type="application/pdf">
<embed src="Dies ist die Datei.pdf" width="800" height="500" type="application/pdf" />
</object>



Danke für eure Hilfe. :);)
Gruß
Scholes

 

[Space Vampire]

Was spricht gegen ein <img> statt "Name der Datei"?

 

[threadi]

Die Einbindung per object erfordert außerdem, dass beim Browser des Besuchers ein PDF-Plugin vorhanden sein muss. Browser denen das fehlt werden entweder dem Nutzer eine Fehlermeldung oder auch gar nichts anzeigen. Eine "Alternative" dazu ist die Einbindung als blätterbarer Katalog, welches meist auf Flash basiert (und ebenso das Flash-Plugin beim Besucher erfordert).

 

[Tronjer]

Sofern der Browser das .pdf nicht anzeigen kann, lädt er es herunter. Ansonsten bietet er beides zur Auswahl an.

Ich würde kein <object> verwenden, sondern ein src image mit dem icon. Darauf einen Eventhandler, der einen Ajax-Request sendet und mit PHP readfile() das .pdf ausliest.

 

[Scholes]

Hey danke für eure Antworten.

@Tronjer und @Space Vampire : habt ihr vll ein kurzes Beispiel wie der Befehl aussieht.

Weil wenn ich es so schreibe....

<p><A href="Dies ist meine PDF.pdf"><img width="100" height="100"> </A>

....dann ist zwar so ne Art Icon da, aber er kann es nicht richtig anzeigen. so als wenn er das Icon nicht darstellen kann.

 

[Tronjer]

Es wird nichts angezeigt, weil dem img das src-Attribut fehlt. Aber zu dem, was ich oben geschrieben habe, benötigst du zumindest Basiskenntnisse und Verständnis für JavaScript/Ajax und PHP, sowie einen Webserver in deiner lokalen Entwicklungsumgebung. Ist das denn vorhanden?

 

[Scholes]

Habs hin bekommen.....geht ganz einfach

<p><A href="Datei.pdf" type="image"><img src="bild.png" /></object>

Nun wird die Datei.pdf wie gewünscht durch das klicken auf das Bild.png geöffnet..... :-)

 

[Banana_Jones]

Jetzt hast du allerding die Tags <p> und <object> vermischt...