Direktlink zum Beitrag (um Links/PDFs im Beitrag zu öffnen) / Art Accordion Menü

goecken · 27.01.2014

Hallo. Ich habe ein Joomla Template schon sehr gut angepasst. Nun benötige ich zwei drei klappbare PDFs in einen Beitrag. Im .html klappt es schon mal super. So sieht das aus:

Das ist der <body> code:
<table class="menu-body" style="font-family: Arial, Helvetica, sans-serif;" width="100%" border="0">
<tbody>
<tr>
<td><dl><dt><img src="pdf.png" alt="" width="48" /><a class="closed; open" href="test.html#"> Name</a></dt><dd style="display: none;"><object data="Datei.pdf" type="application/pdf" width="100%" height="500"></object></dd></dl></td>
</tr>
<tr>
<td><dl><dt><img src="pdf.png" alt="" width="48" /><a class="closed; open" href="test.html#"> Name</a></dt><dd style="display: none;"><object data="Datei.pdf" type="application/pdf" width="100%" height="500"></object></dd></dl></td>
</tr>
</tbody>
</table>

Im Beitrag funktioniert es leider nicht weil normalerweise per test.html# verlinkt wird und der index.php?option=com_content&view=article&id=214# nicht funktioniert. Wenn man im html das test.html# bleibt man auf der gleichen html Seite und deswegen wär ein direktes html zum Beitrag sehr gut.

Ich finde jedoch die Lösung gut um mehrere PDFs auf eine Seite einzubinden.

Vielleicht hat jemand eine Idee.

Liebe Grüße

C-X-D · 28.01.2014

Hallo goecken,
die erste Frage die sich mir stellt ist, muss die PDF denn geladen werden auf der Seite? Da PDF´s ja doch eine gewisse Größe haben, denke ich dass die Ladezeiten doch sehr groß sind und es besser wäre, wenn du ein Vorschaubild machst und die PDF dann verlinkst so das sie seperat geöffnet wird.

<div class="pdf">
<a href="images/pdf/deinePDF.pdf" target="_blank"><img src="images/pdf/thumb/vorschaubild.jpg" /></a>
</div>

Dann noch hübsch machen in deiner CSS und fertig...

goecken · 28.01.2014

Hallo C-X-D,
ja dann müsste ich theoretisch einen neuen Beitrag für jede PDF anlegen oder habe ich da einen Gedankenfehler? Es soll eine Art Accordion Menü werden. Da es zwei bis drei PDFs werden sollen habe ich mir überlegt nur einen Beitrag zu benutzen.
Liebe Grüße

C-X-D · 28.01.2014

Nein du musst für die PDF´s keine einzellnen Beiträge erstellen. Wenn du mit Vorschaubildern arbeitest, dann kannst du ja viele kleine Bilder in den Beitrag einbauen und dann einfach die PDF´s verlinken.
Teste es einfach mal:

1. mach ein Vorschaubild (250px hoch x 150px breit) jpg oder png dies legst du dann in deinem Ordner images ab
2. kopier die PDF Datei in den Ordner Images
3. Füge den Code in den Beitrag ein den du erstellen willst (ändere dazu den Pfad in meinem Code so ab, dass er für dich passt)

<div class="pdf">
<a href="images/pdf/deinePDF.pdf" target="_blank"><img src="images/pdf/thumb/vorschaubild.jpg" /></a>
</div>

Wenn du dir dann das anschaust, dann sieht das dann so aus:

und wenn du drauf klickst öffnet sich ein neues Fenster in dem die PDF Datei geladen wird.

Wenn du ein Accordion Funktion willst in dem das PDF direkt angezeigt wird empfehle ich die das JU-Tabs Modul

goecken · 28.01.2014

Die Lösung ist so simple wie genial

. Das wäre eine richtig gute Lösung. Nur leider wird mir die hälfte des HTML-Codes gelöscht. Es bleibt nur noch
<div class="pdf"><img src="images/pdf.png" alt="" /></div>
Das Template scheint das target nicht zu mögen. :/

C-X-D · 28.01.2014

Welchen Editor nutzt du?

goecken · 28.01.2014

Ich benutze den Internen Betrag Editor. Da hatte ich schon oft Schwierigkeiten HTML Codes zu integrieren. Mouseover mochte er zuerst auch nicht. Dann habe ich es an einer anderen Stelle eingefügt und es ging. Embed muss ich auch durch object ersetzen weil es der Joomla Beitrag nicht mag. Das ist manchmal echt schwierig

C-X-D · 28.01.2014

Ich empfehle dir den JCE Editor den kannst du dir kostenlos herunterladen und auch eine deutsche Sparchdatei dazu. Dieser Editor hat so weit bekannt keinerlei Probleme beim einfügen von HTML, JavaScript, PHP etc. Das wichtigste dabei ist das du alles in DIV´s schreibst dann löscht der Editor auch kein Code heraus. Eine kleine Anleitung hab ich dir dazu mal geschrieben da dieser Editor echt tolle Funktionen hat. (Sorry für Rechtschreibung und dem schlechten Layout

schon mal vorab )

goecken · 28.01.2014

Das war echt eine super Empfehlung und deine PDF ist auch richtig gut beschrieben. Mit dem Vorschaubild ist auf jeden Fall für die Schnelligkeit eine gute Lösung. Das PDF soll sich jedoch im Beitrag öffnen und nicht in einem neuen Fenster. So wie du es vorgeschlagen hast wäre es für mich super nur eben im gleichen Beitrag.

C-X-D · 28.01.2014

Hmmmm.... Eine weitere Möglichkeit wäre es, wenn du auch den JCE Medie Manager installierst. Wenn du auf das Linkicon gehst kannst du die ausgabe deines PDF auch als Popup erstellen. Ansonsten kannst gibt es sicherlich auch ein Modul dafür (ich kenne leider keins). Eine Andere Lösung ist unter diesem Link beschrieben ...

C-X-D · 28.01.2014

Noch was gefunden..

Enbed PDF Plugin

Mit diesem Plugin können auf einem einfachen Weg PDF's auf der Joomla Page eingebunden werden. Über die Parameter kann gewählt werdenr ist ob die PDF Dateien per Gview (Google viewer), oder klassisch mit dem Adobe Reader dargestellt werden sollen. Zusätzlich kann noch die Größe der Ansicht definiert werden und bei Nutzung des Adobe Readers noch zusätzliche Open-Parameter angegeben werden.

Folgend ein Beispiel, wie dieses Plugin angewendet werden muss.

{pdf}

Plugin installieren, aktivieren und einen String wie oben dargestellt, im jeweiligen Artikel einfügen. Fertig!

goecken · 28.01.2014

Das Einbinden ist nicht das Problem. Das könnte ich mit object data lösen. Das Enbed PDF Plugin ist auch so. Wenn ich mehrere PDF-Dateien in einen Beitrag unterbringen möchte wird es schnell unübersichtlich. Im HTML kann man ja direkt mit der Raute verlinken #test.html. Dadurch bleibt man direkt auf der Seite, deswegen wollte ich das mit einen Direktlink zum Betrag lösen. Mit den Vorausladen per Thumb kann ich ja benutzen nur soll sich das PDF nicht in einer neuen Seite sondern im Beitrag öffnen. Ich hätte es fast mit einem iframe gelöst aber ich glaube das ist der falsche Ansatz. Vielen Dank für deine Hilfe C-X-D.

goecken · 29.01.2014

So nun kommt ein neues Update. Es ist wahrscheinlich eine weniger Professionelle Lösung aber noch besser als mit einen iframe zu arbeiten. Ich habe nun externe HTML eingebunden und das ist für´s erste eine Lösung mit der ich leben kann. Gut ich werde mich noch mehr mit Joomla beschäftigen und irgendwann werde ich eine bessere Lösung finden. Vielen Dank C-X-D.