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"
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <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" />


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


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>