Buttons Aktion Verknüpfen

[ZeitlerK]

Hallo,

ich weiß jetzt nicht wo ich anfangen soll.
Mein Problem ist folgendes:

Ich habe in einem Block mehrere Buttons und je nachdem welcher gedrückt wird,
will ich in einem zweiten Block über iframe eine PDF-Datei anzeigen.

Wie schaffe ich die Verbindung zwischen Button Aktion und iframe Auswahl?

Danke schon mal im Voraus
Klaus

[Tommy Herrmann]

Moin Klaus,

und willkommen bei uns im Forum

Du könntest ein leeres Iframe setzen und nach Klick auf den Button diese Iframe als "Ziel" (target) angeben:

https://www.w3schools.com/html/tryit.as ... ame_target

Ich will Dich nicht verwirren aber hier hatte ich das mal vor vielen Jahren in unserer alten (eingestellten) Software "NetObjects Fusion" (NOF) gemacht:

http://www.tommyherrmanndesign.com/nof/ ... -ziel.html

Bedenke aber dabei, dass PDF-Dateien am Handy nicht über ein Iframe anzuzeigen gehen.

Das ist also keine so gute Idee

… Du könntest für das Handy aber auch eine Media-Abfrage machen und dann dort eben nur einen Link zum PDF, anstelle des Iframes anzeigen.

Frage, wenn Du Hilfen benötigst - egal was ...



Ansonsten müsste man mal nach einem Javascript dazu suchen ...

[stobi_de]

Hallo,
ich hatte vor einiger Zeit ebenfalls den Kundenwunsch, dass ein PDF optimal im Web als auch auf dem Handy angezeigt werden sollte. Ich habe dann in Absprache das komplette PDF ins HTML übersetzt und zusätzlich als Download angeboten.
So kann nun jeder (inkl. Google) was mit dem Inhalt anfangen.

https://www.terra-system.de/ratgeber-bodengutachten.php

Das kann natürlich nicht mit wirklich riesigen PDFs gemacht werden, da bleibt dann nur, wie Tommy schon schrieb, die simple Download-Lösung, was dann auch für den Seitenbesucher wesentlich angenehmer ist.

Frank

[ZeitlerK]

Hallo Tommy,

ich bin jetzt schon, dank deiner Hinweise, wesentlich weiter.
Ich benutze den leeren IFrame und das klappt ganz gut,
jetzt nur noch ein paar Schönheitskorrekturen.

Vielen Dank Klaus

[Tommy Herrmann]

Hallo Klaus,

danke für die Rückmeldung

Wenn Du magst, dann zeige uns das doch auch mal. Vielleicht kann das ja auch jemand anderes mal gebrauchen.

[ZeitlerK]

Also das sind einige meiner Buttons

<div class="mbr-section-btn align-center" mbr-buttons mbr-theme-style="display-4" data-toolbar="-mbrBtnMove">
<a class="btn btn-primary" href="assets/files/Golflexikon_AA.pdf" target="iframe_a" data-app-placeholder="Type Text">A</a>
<a class="btn btn-primary" href="assets/files/Golflexikon_BB.pdf" target="iframe_a" data-app-placeholder="Type Text">B</a>
<a class="btn btn-primary" href="assets/files/Golflexikon_CC.pdf" data-app-placeholder="Type Text">C</a>

Nach der Section Anweisung habe ich diesen iframe eingefügt

<iframe src="assets/files/Golflexikon_AA.pdf" name="iframe_a" height="600px" width="100%" title="Iframe Example"></iframe>

Beim Button A und B wird die PDF-Datei im iframe angezeigt.
Beim Button C wird die PDF-Datei auf einer neuen Seite angezeigt.

Bei der iframe Anweisung habe ich die Golflexikon_AA.pdf als Initialwert eingetragen, da ich ansonsten einen leeren Iframe mit einer Fehlermeldung bekomme.

Ich würde es ja schöner darstellen, aber ich weiß nicht wie ich Bilder einfügen kann

[Tommy Herrmann]

danke für die Rückmeldung