Welcome to WebmasterWorld Guest from 54.221.49.52

Forum Moderators: incrediBILL

Message Too Old, No Replies

Jump Menu target iframe / Drop Down Menu and iFrame

Drop Down Menu and iFrame or jump menu target iframe

     

eli_geske

1:20 pm on Apr 22, 2008 (gmt 0)

5+ Year Member



I have been searching all over forums for a fix to target an iframe from a drop down menu with Javascript. Dreamweaver creates it some script for you but you can only target parent window with the version that I have. Below is working in firefox and Ie.

<html><head><title></title></head>
<script type="text/JavaScript">

function jumpMenu(targ,selObj,restore)
{
var url = selObj.options[selObj.selectedIndex].value;
selObj.options[selObj.selectedIndex].value +"'");
var iframe = document.getElementById('frame1');
iframe.src = url;

if (restore) selObj.selectedIndex=0;
}

</script>
</head>

<body>

<form name="form1" id="form1">
<select name="menu1" onChange="jumpMenu('parent',this,0)">
<option value="http://www.pinnaclepayment.com">URL 1</option>
<option value="http://www.google.com">URL 2</option>
</select>
</form>
<iframe id="frame1" src="" height="300" width="300"></iframe>
</body>
</html>

BlobFisk

3:06 pm on Apr 22, 2008 (gmt 0)

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Hi eli_geske and welcome to WebmasterWorld!

You should be able to manipulate any iFrame using javascript:

document.getElementById('frame1').document.getElementById('myElem')...

HTH

 

Featured Threads

Hot Threads This Week

Hot Threads This Month