Cómo hacer que al hacer clic en cualquier iframe se ejecute una función - Ayuda con onclick (iframe)

[kiroprac]

hola betas ! sucede que llevo tiempo tratando de darle una id a un iframe y lugo poner un onclick id ( id el iframe ) ejecute una función la funcion seria que desaparecerían una ventana en mi web pero no logro dar con el punto. necesito ayuda.

básicamente quiero que ejecute una función cuando hagan click en cualquier iframe con id="X"

no se si esto deba estar posteado en html, pero corrijan mis errores por favor y disculpas por que soy un poco novato en el tema.

así va quedando.

<style type="text/css">.black_overlay{
            display: hide;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.6;
            opacity:.60;
            filter: alpha(opacity=60);
        }
        .white_content {
            display: hide;
            position: fixed;
            top: 15%;
            left: center;
            width: 80%;
            height: 70%;
            padding: 7px;
            border: 7px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
</style>
<p>habre el panel<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">aqu&iacute;</a></p>

<div class="white_content" id="light"><iframe id="googl" src="http://google.com"></iframe><a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>

<div class="black_overlay" id="fade">&nbsp;</div>

es un lightbox necesito que cuando hagan click en cualquier contenido dentro de esta se ejecute una función . no se si me explico :/

en este codigo no le he puesto la función solo hay un botton que dice close pero no quiero ese botton 🙁

ayuda por favor

 

[leipreakhaun]

Si alguien sabe la solución por favor responder que tengo un problema similar al de kiroprac

 

[kiroprac]

si alguien es tan amable ! :apthy:

 

[Jonatan Esquivel]

Existe algo que se llama "Same origin policy", es una regla de seguridad que no permite que JavaScript interactue con elementos DOM de otros dominios.

Para mas info lee: Same Origin Policy - Web Security

- - - Actualizado - - -

Hoy me siento de buen humor, así que te ayudare.

Una vez que dejamos claro que no puedes manipular lo que hay dentro de un iframe de otro dominio buscaremos una alternativa.

Tu no quieres que cuando se de clic en un elemento del iframe se ejecute una acción, lo que pides es que cuando se de clic en todo el iframe se ejecute la acción. La solución es fácil, mete el iframe en un div y en ese div ejecutas la acción.

<div id="frame" onclick='alert("Hago algo");'>

<div class="white_content" id="light"><iframe id="googl" src="http://cnnespanol.cnn.com/"></iframe><a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>

</div>

 

[kiroprac]

Muchas gracias Jhonathan esquivel me ha funcionado. estoy agradecido contigo no sabia nada sobre esa ley disculpa que estoy muy verde en el tema.

Fue muy inteligente tu solución !!

 

[Rodolfo Rivera]

Muchas gracias Jhonathan esquivel me ha funcionado. estoy agradecido contigo no sabia nada sobre esa ley disculpa que estoy muy verde en el tema.

Fue muy inteligente tu solución !!

Después de leer venia pensando en esa solución pero Jonatan llego antes, :welcoming: de todos modos cualquier duda estaré al pendiente 😉