Drop down menu with changing pic

**Dr_fish** · 12-10-2003, 04:46 AM

hello all, i have a drop down menu all working nicely, however i need a picture next to te menu that changes with each selection made in the menu (e.g if a car is i selected from the drop down a car pic is displayed in a window) any help appreciated.

**HTML** · 12-10-2003, 08:01 AM

Originally Posted by Dr_fish

hello all, i have a drop down menu all working nicely, however i need a picture next to te menu that changes with each selection made in the menu (e.g if a car is i selected from the drop down a car pic is displayed in a window) any help appreciated.

moving to scripts.

**Enigma** · 12-10-2003, 10:42 AM

Showing us what you have now might help in coming up with a solution.

**Dr_fish** · 12-12-2003, 06:31 AM

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>

<body>

<p><form name="jumpy">
<select name="example" size="1" onChange="gone()">i
<option value="http://www.vnunet.de/images/upload/AMD%20Athlon%20XP%201900%20Plus%20GST215.JPG">athlon</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.lycos.com">Lycos</option>
<option value="http://www.AltaVista.com">AltaVista</option>
</select>

<input type="button" name="test" value="Go!" onClick="gone()">
</form>

<script language="javascript">

var displaymode=0
var iframecode='<iframe id="external" style="width:25%;height20000px" src="http://www.eng.nene.ac.uk/~bf02jafo/noughts.html"></iframe>'

if (displaymode==0)
document.write(iframecode)

function gone(){
var selectedurl=document.jumpy.example.options[document.jumpy.example.selectedIndex].value
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=selectedurl
else if (document.all&&displaymode==0)
document.all.external.src=selectedurl
else{
if (!window.win2||win2.closed)
win2=window.open(selectedurl)
//else if win2 already exists
else{
win2.location=selectedurl
win2.focus()
}
}
}

</script>
<br>
<br>
<br>


</p>

</body>

</html>

This code i have allows me to display pics in a frame, however i now want to copy this and have four drop downs with four frames not just one of both how do i do this?

**Android** · 12-12-2003, 08:39 AM

Without knowing what the problem is, this should be fixed:
var displaymode=0
var iframecode='<iframe id="external" style="width:25%;height20000px" src="http://www.eng.nene.ac.uk/~bf02jafo/noughts.html"></iframe>'

Thread: Drop down menu with changing pic

Thread Tools

Related

Changing radio buttons to drop-down menu and maintain cookies Forum: Javascript Forum

vertical drop down menu with 'sub drop downs' problem Forum: Javascript Forum

Jump Menu covers drop down menu Forum: HTML Forum

Drop Down music menu, Need help Forum: Website Scripts Forum

Drop down menu Forum: HTML Forum

Drop down menu with changing pic

Tags for this Thread

Cloudjiffy- PaaS for Developers