dcsimg
www.webdeveloper.com
Results 1 to 6 of 6

Thread: Load a website in a table on another site

  1. #1
    Join Date
    Nov 2017
    Posts
    2

    Load a website in a table on another site

    I have a website now and on one of the pages I need to have a table, that loads another website inside of it. I have tried the code below with no luck. The website is not loading up in the table, I also need for it to refresh the website link "url" every 5 minutes.


    This is the code I am trying now:


    <!DOCTYPE html>
    <html>
    <head>
    <title>Reload iframe demo</title>
    <script type="text/javascript">
    var reloadInterval;
    var url='http://www.cnn.com';
    var reload_time_in_seconds=5000;

    function reloadFrame(id){
    document.getElementById(id).src=url;
    console.log("interval triggered");
    }
    function initiateInterval(id){
    document.getElementById(id).src=url;
    reloadInterval=setInterval("reloadFrame("+id+")",reload_time_in_seconds*5000);
    }

    </script>
    </head>
    <body id="body" onload="initiateInterval('myframe')">
    <iframe height="600" width="100%" id="myframe" ></iframe>
    </body>
    </html>

  2. #2
    Join Date
    Dec 2012
    Posts
    1,555
    You assing 5000 to your variable reload_time_in_seconds and later on you multiply this by 5000 when calling setInterval. Calculate the result!
    Should read:
    var reload_time_in_seconds=5;
    and:
    reloadInterval=setInterval("reloadFrame("+id+")",reload_time_in_seconds*1000);

  3. #3
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    5,429
    When posting code, please remember to use forum BB Code tags to wrap around your code (see my signature for examples).
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

  4. #4
    Join Date
    Nov 2017
    Posts
    2
    Ok, I updated the code and now in the frame the webpage does not load I get a 404 error loading in the table. Ideas on how to fix this and get it to load the url website in the table and refresh as requested? Code is below:


    Code:
    
    <!DOCTYPE html>
    <html>
    <head>
    <title>Reload</title>
    <script type="text/javascript">
    	var reloadInterval;
    	var url='www.cnn.com';
    	var reload_time_in_seconds=5;
    
    	function reloadFrame(id){
    		document.getElementById(id).src=url;
    		console.log("interval triggered");
    	}
    	function initiateInterval(id){
    		document.getElementById(id).src=url;
    		reloadInterval=setInterval("reloadFrame("+id+")",reload_time_in_seconds*1000);
    	}
    	
    </script>
    </head>
    <body id="body" onload="initiateInterval('myframe')">
    <iframe height="600" width="100%" id="myframe" ></iframe>
    </body>
    </html>

  5. #5
    Join Date
    Dec 2012
    Posts
    1,555
    You need to specify the complete url including the protocol:
    http://www.cnn.com
    When I try to test this, the console says:
    Refused to display 'http://edition.cnn.com/' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self' *.cnn.com:* *.turner.com:* courageousstudio.com".
    I suspect, CNN does not like their content being displayed in an iframe.

    However, CNN provides a news feed which can be displayed in an iframe:
    http://rss.cnn.com/rss/edition.rss

  6. #6
    Join Date
    Dec 2005
    Location
    TX
    Posts
    7,916
    You might be interested in the new HTML5 embed tag.
    See: https://www.w3schools.com/TAGS/tag_embed.asp
    and: https://search.yahoo.com/search?fr=m...html+embed+tag

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center