PDA

View Full Version : Mouse over to Call Page into Iframe



luke1438
Jul 22nd, 2010, 05:32 AM
I am using CS3 Fireworks to create a side bar menu. I have it working so that on-click it calls up a page into an iframe. I would like to have it so that On-Mouse the page shows up in the iframe and when clicked it stays in the iframe. I have seen on the web it is possible with Java Script and CSS but I am not very savy with either and consequently cannot get htose to work. I would appreciate any and all suggestions.

Thanks
Luke

Candan
Jul 22nd, 2010, 06:00 AM
<html>
<head>

<script type="text/javascript">

function change(url) {

a = document.getElementById('change_frame')
a.src = url

}

</script>

</head>

<body>
<a href="javascript:change('http://www.google.com');" onmouseover="change('http://www.google.com');">Google</a>
<br />
<a href="javascript:change('http://www.codingforums.com/');" onmouseover="change('http://www.codingforums.com/');">Coding Forum</a>
<br /><br />
<iframe width="500px" height="500px" id="change_frame" src="http://www.codingforums.com/"></iframe>
<body>
</html>

luke1438
Jul 23rd, 2010, 05:18 AM
Thanks, tat works great. However I already am using a mouseover effect that changes the color of the button. Is there any way to have 2 mouseover effects?

Thanks
Luke

Candan
Jul 23rd, 2010, 02:25 PM
Yea you can, after the semi-colon from the call to change(), you put your other code.

so like

onmouseover="change('google'); <!-- Doo stuff !--->"