... "sein Script läuft jetzt"...!
Super, vielen herzlichen Dank an Euch beide!!!!!
Beiträge von OLLI24
-
-
Hallo Arne,
meintest Du damit das "?" vor dem key... also das "?key=MEIN API CODE "></iframe>" ...?
Das habe ich rausgenommen, aber nach wie vor wird das PopUp nicht geöffnet.Gruß Olli
-
Hey Stef,
vielen Dank für Dein Feedback.... ich habe mir bei Google einen API geholt (angemeldet, Bankkonto registriert, API mit Anwendungeeinschränung - also mit verwendeter Domain gesichert) .... dann habe ich den API in Dein Beispiel eingesetzt und das ganze dann wieder in den "PopUp-Code" kopiert und in meine Datei eingesetzt und gespeichert. Aber es passiert nichts. Klicke ich auf den Button passiert nix.... wo liegt mein Fehler?
Gruß OlliHTML
Alles anzeigen<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Test</title> <style> #content { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 5; cursor: pointer; } #iFrameWindow{ display: flex; justify-content: center; } </style> <script> window.onload = function(){ var link = document.getElementById("popUp"); var content = document.getElementById("content"); link.addEventListener("click", showIFrame); content.addEventListener("click", hideIFrame); function showIFrame(){ var url = "https://www.youtube.com/embed/JQRn06QlXDw"; var content = document.getElementById("content"); var section = document.getElementById('iFrameWindow'); content.style.display = "block"; section.innerHTML = "<iframe width='500' height='300' src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2431.4294218912605!2d9.355946!3d52.45325!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47b07da59edbd4d3%3A0xbef7006bcbfdf94d!2sEngelking+und+Wiegmann+Markenr%C3%A4der!5e0!3m2!1sde!2sde!4v1542018394335/?key=MEIN API CODE "></iframe> } function hideIFrame() { var content= document.getElementById("content"); var section = document.getElementById('iFrameWindow'); content.style.display = "none"; section.innerHTML = ""; } } </script> </head> <body> <button id="popUp">Popup</button> <section id="content"> <article id="iFrameWindow"> </article> </section> </body> </html>
-
Hallo,
ich bin gerade hier auf den Beitrag gestoßen...
Genau das suche ich, jedoch möchte ich einen Google-Maps-Iframe öffnen. Jetzt habe ich gedacht, ich brauche nur den <iframe>....</iframe> Inhalt austauschen, aber das wäre ja zu einfach... klappt nicht. Also füge ich den Code so ein, dann wird das Video-PopUp geöffnet. Ersetze ich meinen Iframe Link passiert nix. Kann mir bitte jemand weiterhelfen, wie ich diesen Code für einen Google-iframe nutzen kann bzw. was ich eintragen muss...?
Danke vorab, Olli