PDA

View Full Version : Drop-down list targetting an IFrame

NetGirl
01-12-2003, 12:47 AM
Is there any way that I can get my drop-down list menu to target my iframe when the "Go there!" button is clicked?

http://www.bluerosemist.com/hazel/v4charmed.html

The menu is the drop-down list underneath the header "Menu" on the left hand side and I want the page to appear in the iframe which contains the main page (there's the updates on it currently). The "About Me" link from the menu is the only one which works at the moment.

Thanks to anyone who helps!
iwasneocoolbabe
01-12-2003, 04:22 PM
whats your code?

You could try putting

target="FRAMENAME"

in there somewhere
NetGirl
01-12-2003, 09:28 PM
Here's my code for that page:


<html>
<head>
<title>
Hazel's World V4: Black & White Charmed
</title>
<LINK REL=stylesheet HREF="/hazel/style.css" TYPE="text/css">
</head>
<body bgcolor="black">
<img src="/hazel/Images/sitebg.gif" usemap="#sitebg.jpg" border="0" style="position:absolute; left:0; top:0" scrolling="auto">
<script language="javascript">
function jump(form) {
var myindex=form.menu2.selectedIndex
if (form.menu2.options[myindex].value != "0")
{
window.open(form.menu2.options[myindex].value,
target="IFRAME");
}
}
//-->
</script>
<form name="menu" method="POST">
<select name="menu2" style="font-family:arial, times" style="color:#A9A9A9" style="border:outset" style="font-size:10" style="background:#000000" style="position:absolute; left:20; top:46">
<option value="/hazel/Main.html">Home</option>
<option value=""></option>
<option value="">Me</option>
<option value=""></option>
<option value="/hazel/AboutMe.html">- About Me</option>
<option value="/hazel/OnlineDiary.html">- Online Diary</option>
<option value="/hazel/Photos.html">- Photos</option>
<option value="/hazel/Art.html">- Art</option>
<option value="/hazel/Poems.html">- Poems</option>
<option value="/hazel/MySites.html">- My Other Sites</option>
<option value="/hazel/WebStuff.html">- Web Stuff</option>
<option value="/hazel/TheSims.html">- The Sims</option>
<option value="/hazel/FavouriteLyrics.html">- Favourite Lyrics</option>
<option value="/hazel/QuizResults.html">- Quiz Results</option>
<option value="/hazel/Contact.html">- Contact Me</option>
<option value=""></option>
<option value="">You</option>
<option value="/hazel/Quizzes.html">- Take A Quiz</option>
<option value="/hazel/Crosswords.html">- Crosswords</option>
<option value="/hazel/Quotes.html">- Quotes</option>
<option value="/hazel/Reads.html">- Reads</option>
<option value=""></option>
<option value="">Other Stuff</option>
<option value=""></option>
<option value="http://pub.alxnet.com/guestbook?id=2425665" target="_blank">- Sign/View Guestbook</option>
<option value="/hazel/Thanks.html">- Thanks To</option>
<option value="/hazel/SiteContent.html">- Copyright Stuff</option>
</select>
<input type="button" style="font-family:arial, times" style="color:#A9A9A9" style="font-size:10" style="background:#000000" style="border:1pt solid" style="border:1pt solid" style="position:absolute; left:82; top:77" onClick="location =
document.menu.menu2.options
[document.menu.menu2.selectedIndex].value;" value="Go there!">
</form>
<iframe FRAMEBORDER="0" BORDER=0 width=467
height=297 src="/hazel/Main.html"
name=IFRAME style="position:absolute; left:170; top:11" scrolling=auto></iframe>
</body>
</html>
Dude128
01-13-2003, 03:15 AM
try using the full URL for each option value