Dual Browsing

I have a problem with Javascript.
I have 2 iFrames, written in HTML.
Therefor, I have to make in Javascript a Back, Forward and Refresh button, and add an Address Bar.
As far as I got, the Back buttons pick the wrong iFrame, and the other buttons, and the Address Bar fully don't work.
The project is Open-Source, so I'll share the code I've created, so far:

<html>
<head>
<title>[b]EDIT: Example[/b]</title>
</head>
<body>
<form>
<input type="button" VALUE="&lt; &lt; &nbsp; Back &nbsp;" id="myIframe" onClick="history.back()">
<input type="button" VALUE="&nbsp; Next &nbsp; &gt; &gt;" id="myIframe" onClick='history.forward()"'>
<input type="button" value="Reload" id="myIframe" onclick="location.reload()">
<input id="myput" type="text"> 
<input type="button" value="Go" onclick="myIframe.src='document.getElementById('myput').value'';">

<input type="button" VALUE="&lt; &lt; &nbsp; Back &nbsp;" id="yoIframe" onClick="history.back()">
<input type="button" VALUE="&nbsp; Next &nbsp; &gt; &gt;" id="yoIframe" onClick='history.forward()"'>
<input type="button" value="Reload" id="yoIframe" onclick="location.reload()">
<input id="yoput" type="text"> 
<input type="button" value="Go" onclick="yoIframe.src='document.getElementById('yoput').value'';">
</form>
<br />
<iframe height="95%" width="48%" frameborder="0" src="http://www.example.com/x "frameborder=yes name="myIframe" id="myIframe"></iframe>
<iframe height="95%" width="48%" frameborder="0" src="http://www.example.com" "frameborder=yes name="yoIframe" id="yoIframe"></iframe>
</body>
</html>

Could someone correct me, and say what I've done wrong?

[edited by: Fotiman at 5:33 pm (utc) on Feb 11, 2010]
[edit reason] Examplified URLs, replaced identifying info with Example. [/edit]

Dual Browsing

YamiHoshi

rainborick

YamiHoshi

rainborick

YamiHoshi

rainborick

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week