Load External Webpage into a Div Layer

This is rather easy to use plain HTML to load external webpage or website into a Div layer.

The result is shown in the diagram below:

Click here to view the example.

The HTML codes are very simple:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Load External HTML Page into a DIV Layer</title>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="loadPage">
    <object id="extPage" name="extPage" type="text/html" data="http://www.oscommerce-template-easy.com"></object>
</div>

</body>
</html>

As you can see it simply load into an object inside a Div layer.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>