Yea that doesn't seem to be working for me. Here is what I am trying to accomplish I have the following two button images witch I want to roll over and when clicked upon I not only want the image to stay gold so that each button acts as a book marker but I also want two iframes on one page to load content into them at the same time. here are my image names: 01_home_black.gif and 01_home_gold.gif also the name of the two web-pages (content) i want to display into my iframes one and two, home.html and buttons.html
[
midwestfishing.org...]
[
midwestfishing.org...]
If you can help me out I would appreciate it greatly, can you be more specific also to what goes were I am really new to all this
I have been trying all difrent methods from lots of people like this without any luck:
<script language="javascript">
function loadTwo(id, src, iframe1URL, iframe2URL)
{
document.frame1.location.href=iframe1URL;
document.frame2.location.href=iframe2URL;
document.getElementById(id).src = src;
if (!iframe1URL && !iframe2URL)
{
document.frame1.location.href="Default1.htm";
document.frame2.location.href="Default2.htm";
}
}
</script>
<a href="#" onclick="loadTwo('Page1.htm','Page2.htm');">info</a>
<br />
<img src="img1.jpg" width="100" height="100" id="img1" onmouseover="loadTwo('img1', 'img2.jpg', 'Page1.htm','Page2.htm');" onmouseout="loadTwo('img1', 'img1.jpg', 'Default1.htm','Default2.htm');">
<br />
<iframe src="Default1.htm" name="frame1" width="100%" height="300"></iframe>
<br>
<iframe src="Default2.htm" name="frame2" width="100%" height="300"></iframe>
