Home / Questions / 259588
Accepted
EduBw
Asked: 2020-04-30 23:19:02 +0800 CST 2020-04-30 23:19:02 +0800 CST

Capture submit of an Iframe

  • 772

I have a web page that brings an Iframe that contains a form with its submit button, what I am looking for is to make a javascript code (jquery is not valid) that when the button inside the Iframe is pressed, I can perform a JS function.

I'm in charge of the code, but I need to know how my javascript or my web page, browser... detects that the button inside an Iframe has been pressed.

PS: I don't create the Iframe or that button, otherwise I would put an onclick or something like that, but no.

All the best.

javascript

1 Answers

  1. Best Answer

    To get from the parent a iframeuse:

    parent.window.frames['IdIframe'].document.body

    With this you get the iframeand you can access all its functions, with:

    parent.window.frames['IdIframe'].tuFuncion();

    You can launch an event from the parent.

    Edition

    I also leave you an example function with what I use in my project to capture multiples iframesand execute a common function.

    Parent part:

     tutorial.click(function () {

        //obtener frame
        var obj = parent.window.document.body.children;

        var frames = [];


        for (var i = 7; i <= 28; i++) {

            frames.push(obj.item(i));           
        }


        $.each(frames, function (key, value) {

            var cuerpo = parent.window.frames[value.id].document.body;

            if (value.style.display == "block") {

                parent.window.frames[value.id].lanzar();
            }       
        });


    });

    Children Part:

    function lanzar() {

        //Tu evento
    }
    • 3