GELÖST "Erlaubnis" einholen vor Aufruf externer Seite

[dereo]

Hallo zusammen!
Hab ein wenig gesucht, aber fand aufgrund mangelnder Fachkenntnis keine passenden Begriffe hierfür, also kurz zum Problem:

Hab eine Unterseite in Contao 4.9 erreichbar unter domain/termine und in einem Artikel dieser Seite mittels iframe einen Google-Kalender eingefügt, der von mehreren externen Leuten befüllt wird und unter /termine nur les-, aber nicht editierbar ist. Nun hätte ich gern, wenn halbwegs einfach technisch möglich, eine Art Pop-up, das mich beim Seitenaufruf von /termine noch einmal fragt, bevor der Google-Kalender geladen wird. Kann man das umsetzen bzw. kann man so überhaupt verhindern, dass im Hintergrund bereits Daten von Google (könnte aber auch bei anderen Diensten hilfreich sein) geladen werden?

Danke für eventuelle Tipps!

[heyho]

So wäre das zb. möglich (nicht getestet):

<iframe id="externalurl" data-src="https://www.google.at"></iframe>
<script>
if (confirm("Möchten Sie das iFrame Laden?")) {
  let elem = document.getElementById('externalurl');
  //elem.scr = elem.getAttribute('data-src');
  elem.setAttribute('src', elem.getAttribute('data-src'));
} else {
  alert ("dann halt nicht");
}
</script>

Edit: Fehler richtig gestellt....

[dereo]

Super, vielen, vielen Dank! Das schaut schon so aus, wie ich mir das vorstelle - schlank und wahrscheinlich als Hinweis total ausreichend sowie mit dem Code in einem eigenen Template wahrscheinlich auch sehr updatesicher.
Allerdings hats bei mir mit "data-src" anfangs nicht funktioniert, hab dann das "data-" 2x weggelassen und nur "src" verwendet.

EDIT: Wenn ich bestätige "dann halt nicht", wird nach Schließen dieser Meldung der Kalender aber dann trotzdem geladen ...

[Spooky]

Wenn du src statt data-src verwendest, bringt das nichts. Dann wird die Verbindung natürlich sofort aufgebaut.

[dereo]

Wenn du src statt data-src verwendest, bringt das nichts. Dann wird die Verbindung natürlich sofort aufgebaut.

Danke für den Hinweis, aber wenn ich data-src verwende, lädt der Kalender nicht, obwohl ich bei der Meldung mit OK bestätige.

[fiedsch]

Du hast den JS-Code exakt so verwendet, wie in #2 angegeben? Und Dein iFrame hat auch die ID externalurl?

[dereo]

Du hast den JS-Code exakt so verwendet, wie in #2 angegeben? Und Dein iFrame hat auch die ID externalurl?

Hab ein Template angelegt und folgendes eingegeben

screen_template.JPG

[Spooky]

Wird das auch überhaupt im Frontend so ausgegeben? In den neuesten Contao Versionen musst du die entsprechenden HTML Tags und HTML Attribute erst erlauben.

[fiedsch]

Ich hebe es eben lokal nachgestellt:

Mit

  elem.setAttribute('src', elem.getAttribute('data-src'));

anstelle

  elem.scr = elem.getAttribute('data-src');

funktioniert es. Voraussetzung ist dabei aber auch, daß sich die externe Site per iframe einbinden lässt. Sonst erhältst Du: "Refused to display '...' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'."

[dereo]

Wird das auch überhaupt im Frontend so ausgegeben? In den neuesten Contao Versionen musst du die entsprechenden HTML Tags und HTML Attribute erst erlauben.

Prinzipiell schaut der Kalender optisch aus wie auf der alten Seite und wird problemlos geladen. Ich hab mich bezüglich iFrame an die Anleitung unter Punkt 2/externe Datei gehalten und dachte, dann muss ich nicht separat noch was erlauben.

[dereo]

Ich hebe es eben lokal nachgestellt:

Mit

  elem.setAttribute('src', elem.getAttribute('data-src'));

anstelle

  elem.scr = elem.getAttribute('data-src');

funktioniert es. Voraussetzung ist dabei aber auch, daß sich die externe Site per iframe einbinden lässt. Sonst erhältst Du: "Refused to display '...' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'."

Supi!!! Jetzt funktionierts wie gewünscht!