0
113
VistasDeshabilitar o superponer enlace dentro de Iframe
var iframe = document.querySelector('#iframe'); iframe.setAttribute('src', 'https://datastudio.google.com/embed/reporting/20db63b8-999b-4f26-8819-b3f11e034535/page/VgD'); iframe { width: 400px; height: 400px; resize: both; /* pointer-events: none; */ } <html> <body> <iframe id="iframe" src=""></iframe> <script src="main.js"></script> </body> </html>Cómo ocultar la URL y hacer que no pueda abrir este informe desde el cuadro de diálogo iframe. ¿Es posible ocultar o superponer con un botón particular del desarrollador ("Google Studio danych") y hacer que no se pueda hacer clic en él?
Consulte aquí: https://jsfiddle.net/k53p2xdb/ 
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
No estoy seguro de que pueda escribir CSS dentro de iframe, pero encontré una solución para usted.
Envuelva su iframe en un contenedor y cree una superposición negra fuera del iframe, solo actualizo los cambios en el fragmento de código a continuación. Espero que te ayude. Gracias
var iframe = document.querySelector('#iframe'); iframe.setAttribute('src', 'https://datastudio.google.com/embed/reporting/20db63b8-999b-4f26-8819-b3f11e034535/page/VgD'); .parent { position: relative; height: 400px; width: 400px; } .overlay { background-color: black; position: absolute; bottom: 0; left: 0; height: 24px; width: 100% } iframe { height: 100%; resize: both; width: 100%; } <html> <body> <div class="parent"> <iframe id="iframe" src=""></iframe> <div class="overlay"></div> </div> <script src="main.js"></script> </body> </html>
·
Juan Pablo Isaza
Denunciar
0
No estoy seguro, pero puedes intentarlo => https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_element_iframe
·
Juan Pablo Isaza
Denunciar
Responde la pregunta