How can I load webpage content into a div on page load

Question

Without using iframes  is it possible to load the contents of   lt div id  siteloader  gt  lt  div gt    With an external site e g  somesitehere com  When the page loads  - I know how to load contents from a file  but wasn t sure how to load a whole site   Many thanks

User · Answer

You can t inject content from another site  domain  using AJAX  The reason an iFrame is suited for these kinds of things is that you can specify the source to be from another domain

User · Answer

This is possible to do without an iframe specifically  jQuery is utilised since it s mentioned in the title    lt  doctype html gt   lt html gt     lt head gt       lt meta charset  utf-8  gt       lt title gt Load remote content into object element lt  title gt     lt  head gt     lt body gt       lt div id  siteloader  gt  lt  div gt        lt script src  http   code jquery com jquery-1 7 2 min js  gt  lt  script gt       lt script gt            siteloader   html   lt object data  http   tired com   gt          lt  script gt     lt  body gt   lt  html gt

User · Answer

With jQuery  it is possible  however not using ajax   function LoadPage        get  http   a site com a page html   function data            siteloader   html data             And then place onload  LoadPage    in the body tag   Although if you follow this route  a php version might be better   echo htmlspecialchars file get contents  some URL

User · Answer

Take a look into jQuery s  load   function    lt script gt        function                siteloader   load  http   www somesitehere com             lt  script gt    However  this only works on the same domain of the JS file

[jquery] How can I load webpage content into a div on page load?

Examples related to jquery

Examples related to ajax