View source

====IV part1 : <iframe>====
The iframe should basically load a starting page, have an id (for further reference) and an onLoad eventhandler. The onLoad eventhandler will be called whenever the <iframe> loads a new page, thus making it the perfect place to call our own function, to rip it's contents (getSource()). I've added css class attributes to each element. In a real example you should style the iframe so that it fully overlays the page, thus making the underlying page invisible to the user. This might require some tweaking depending on the page.

The second <iframe> (of) is where we will be loading the logging script in a similarly fashion as in the previous articles.

<source lang="html4strict">
    <iframe border='0' id='if' class='if' src='somepage.html' onLoad='getSource();'></iframe>
    <iframe id='of' class='of'></iframe>
</source>

Styling example, this should cover most simple pages:

<source lang="css">
<style type='text/css'>
    body {
	overflow-x: hidden;
    }
    iframe.if {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin: 0px 0px 0px 0px;
	width:100%;
	height:2000px;
	overflow-x: hidden;
	overflow-y: hidden;
	border:0;
	background: white;
    }
    iframe.of {
	width:0px;
	height:0px;
    }
</style>
</source>