|Two iFrame windows at the same time|
target two iframe windows at the same time with a rollover button
| 11:54 pm on Sep 11, 2010 (gmt 0)|
I am having trouble I can target two iframe windows at the same time using a Text Link, However I have not found a way to do this using a roll over image. Here is the Two codes I know. Can anyone help me please....
(roll over image) In the <head>
loadImage1 = new Image();
loadImage1.src = "http://www.midwestfishing.org/pics/01_info_blue.gif";
staticImage1 = new Image();
staticImage1.src = "http://www.midwestfishing.org/pics/01_info_black.gif";
<a href="info.html" target="frame1" onMouseOver="image1.src=loadImage1.src;" onMouseOut="image1.src=staticImage1.src;">
<img name="image1" src="http://www.midwestfishing.org/pics/01_info_black.gif" border=0></a>
(two frames at once text) In the <head>
function loadTwo(iframe1URL, iframe2URL)
| 1:43 am on Sep 13, 2010 (gmt 0)|
Isn't it just a matter of calling loadTwo in your onMouseOver and onMouseOut?
| 1:22 am on Sep 14, 2010 (gmt 0)|
I am still having problems...
I just cant seem to get this to work corectly?
| 11:42 pm on Sep 14, 2010 (gmt 0)|
Post snippets of your code so far, and describe what you are seeing in the way of behavior and/or errors.
| 10:51 pm on Sep 18, 2010 (gmt 0)|
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
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:
function loadTwo(id, src, iframe1URL, iframe2URL)
document.getElementById(id).src = src;
if (!iframe1URL && !iframe2URL)
<a href="#" onclick="loadTwo('Page1.htm','Page2.htm');">info</a>
<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');">
<iframe src="Default1.htm" name="frame1" width="100%" height="300"></iframe>
<iframe src="Default2.htm" name="frame2" width="100%" height="300"></iframe>