iframe buttons

Creating buttons to operate an iFrame like a simple browser:

We have created a simple browser type of control set for an iframe, as this has been frequently searched on the web. Above, you have the basic functionality of an iFrame based browser.

To enter an URL and visit it, you cannot click the enter button (You can make a simple javascript to do this).

If you would like to create your own browser effect using an iframe, simply download the basic one we have built and customize it with your own HTML.

For an iframe menu, you need to name your iframe like we did above. Our sample iframe was named as follows:
name="nameyouriframe"

Then all links which are to open inside the iframe, simply contain the following html:
<a href="link.html" target="nameyouriframe">link</a>

The buttons used are as follows:

Button	HTML
	<input id="goput" type="text" width="150" title="Enter URL here, and click 'Go' (NOT ENTER)" style="font-size:12px; color:#0000FF; text-decoration:none;" value="http://www.domain.com" onfocus="if(this.value=='http://www.domain.com'){this.value=''};" onblur="if(this.value==''){this.value='http://www.domain.com'};" size="25" class="textbox">
	<input name="button2" type="button" onclick="document.getElementById('nameyouriframe').src=document.getElementById('goput').value;" value="Go" title="Do not hit enter, but rather use the Go button" class="submit"/>
	<input name="button3" type="button" class="submit" title="Go back one page" onclick="history.back()" value="< Back" />
	<input name="button4" type="button" class="submit" title="Reset" onclick="document.url(start.htm)" value="Reset" />