Question

136

Get title from IFrame document

rated 0 times [ 139] [ 3] / answers: 1 / hits: 29334 / 11 Years ago, fri, january 31, 2014, 12:00:00

This is my code:

<div id=main-content>

    <script>

        document.title = document.getElementById(main-content-iframe).contentDocument.title;

    </script>

    <iframe name=cstage src=home.html width=100% height=100% id=main-content-iframe frameborder=0 onload=document.title=parent.frames['cframe'].document.title;>If you're seeing this message, it means IFrames are not supported; Please enable IFrames or upgrade to a compatible browser that supports IFrames.</iframe>

</div>

It's not working, what am I doing wrong?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

alorac

Add To Favorites

Follow

Total Points: 262

Total Questions: 82

Total Answers: 97

Location: Libya

Member since Mon, Dec 7, 2020

4 Years ago

alorac questions

1 Invalid Form Body in Discord.js ban command

Sat, Oct 10, 20, 00:00, 4 Years ago

1 How to change URL without refreshing the page?

Tue, Sep 22, 20, 00:00, 4 Years ago

1 How to Query a Model based on its Relation in Strapi

Wed, Jul 1, 20, 00:00, 4 Years ago

1 How can I access react redux state in index.js file?

Wed, Jun 3, 20, 00:00, 4 Years ago

1 Alpine.js - nested components

Sun, May 17, 20, 00:00, 4 Years ago

View All

answered 11 Years ago lexusg · Accepted Answer

You need to check that the iframe is loaded.

<div id=main-content>

<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js></script>

    <iframe name=cstage src=home.html width=100% height=100% id=main-content-iframe frameborder=0 onload=document.title=parent.frames['cframe'].document.title;>If you're seeing this message, it means IFrames are not supported; Please enable IFrames or upgrade to a compatible browser that supports IFrames.</iframe>

<script>

    $( iframe ).on('load',function() {

        document.title = document.getElementById(main-content-iframe).contentDocument.title;

    });

</script>