Buttons Aktion Verknüpfen
Buttons Aktion Verknüpfen
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
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
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Buttons Aktion Verknüpfen
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 ...
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 ...
Re: Buttons Aktion Verknüpfen
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
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
Re: Buttons Aktion Verknüpfen
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
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
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Buttons Aktion Verknüpfen
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.
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.
Re: Buttons Aktion Verknüpfen
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
<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
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Buttons Aktion Verknüpfen
danke für die Rückmeldung
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 38 Gäste