Kontrolowanie iframe'a za pomocą javascript

pytanie zadane 6 października 2017 w JavaScript przez Kacper Duda Obywatel (1,970 p.)
edycja 7 października 2017 przez Kacper Duda

Witam.

W jaki sposób mogę tworzyć uchwytu przy pomocy jQuery w iframe'ie o id = "myframe"?

komentarz 7 października 2017 przez rafal.budzis Szeryf (86,440 p.)

Z iframe możesz zrobić wszystko jeśli jest z tej samej domeny. Powiedz dokładnie co chcesz zrobić.

komentarz 7 października 2017 przez Kacper Duda Obywatel (1,970 p.)

Powiedzmy, że na stronie a.pl chcemy umieścić iframe z b.pl.

Chcę utworzyć uchwyt (za pomocą jQuery) ze strony a.pl, który będzie chwytał element ze strony b.pl o id = element:

<!-- a.pl -->
<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <iframe src="b.pl"></iframe>

        <!--Podpięcie jQuery tutaj-->
        <script type="text/javascript">

            $(/*element w iframeie z id elemrnt*/).html("Nowa zawartość");
        </script>
    </body>
</html>

<!-- b.pl -->
<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <div id="element">
            Stara zawartość
        </div>
    </body>
</html>

1 odpowiedź

odpowiedź 7 października 2017 przez rafal.budzis Szeryf (86,440 p.)

<iframe id="b_pl" src="b.pl" ></iframe>

<script>
    var iframe = document.getElementById('b_pl');
    var iframeDocument = iframe.contentWindow.document;

    $(iframeDocument).find("#jakis_id_z_iframe").html("zmiana")
</script>

Jeśli strony nie będą zawierały odpowiednich nagłówków nie będzie to możliwe. Dla pewnosci odpalaj skrypt na evencie load znacznika iframe.