View Full Version : Dropdown menu that targets I-Frames with a Go Button


rundellt2000
05-24-2003, 02:14 AM
On the LEIA site, there was a drop-down menu that targets frames. How do you add a Go button to it?
PLZ post the code.

*I didn't know what forum I should have put it on, but seeing as it is in the Javascript section www.lissaexplains.com, I thought it should go here. If I'm wrong, moderators, move me!

Cherchezlafemme
05-24-2003, 02:55 AM
But it's there:

http://www.lissaexplains.com/fun.shtml

Targeting the IFRAME is simple

Go to the page where you put the IFRAME then look at that code and see what you named it

Ex:

<iframe src="URL" name="IFrame" width="anything" height="anything" style="border: 0 solid #000000" style="position: absolute; left: anynoumber px; top: any number px;"></iframe>

Then when you link to it:
<for a drop down menu that is)

<option value="http://www.lissaexplains.com" target="IFrame">Lissa Explains it All</option>


Thed rop down menu MUST be outside of the Inline Frame to work!

rundellt2000
05-24-2003, 06:25 AM
NO!! I wanted that code and I knew that code... I JUST WANTED A GO BUTTON!

sebluver
05-24-2003, 01:39 PM
No need to be snippety.

Just use the code that has the 'go' button, and paste the code cherchezlafemme gave you above it!

rundellt2000
05-24-2003, 10:42 PM
I get it now, so replace the options on the other one with the "target iframe" thing" thanks!

rundellt2000
05-24-2003, 10:54 PM
OH NO! *dun dun dun duuuuuuun*! It doesn't work! I have targeted the options. You could see my page @ http://webspace-empire.com/rundellt2000/v1/krazee.shtml .

I, Taylor, declare today as the Krazee Kangaroo Source Open Day! ;)

Dude128
05-25-2003, 01:57 AM
adding target="target" to the <option> tag does not work.

try this code instead (honestly, I don't know if it will work, I just combined Lissa's two codes):

<script language="javascript">
function jump(form) {
var myindex=form.menu.selectedIndex
if (form.menu.options[myindex].value != "0")
{
window.open(form.menu.options[myindex].value,
target="yourframename");
}
}
//-->
</script>

<form name="lissamenu2" method="POST">
<select name="menu" style="background-color: #CC99FF ;
font size=10 ; font-family: comic sans ms; color:#ffff00"
size="1">

<option value="0">Where to?</option> <--add a "header" here (don't include this in your code).
<option value="0"></option> <--this adds a space (don't include this in your code).
<option value="http://www.lissaexplains.com">Home</option>
<option value="http://www.lissaexplains.com/fun.shtml">Fun Stuff</option>
<option value="http://www.lissaexplains.com/cursor.shtml">Lissa's Cursors</option>
</select>

<input type="button" style="font-family: comic sans ms"
style="color: #FF0000"
style="font-size: 12"
style="background: #CC99FF" onClick="jump(this.form)"
value="Go">
</form>

rundellt2000
05-25-2003, 06:10 AM
IT DIDN'T WORK! Next thing I'll be asking Lissa...

rundellt2000
05-30-2003, 11:24 AM
The problem was my target and menu were the same name!!

it works now... thanx 2 all who tried to help!

Now, trying to find contributors to make some tuts for mny site!

Dude128
05-31-2003, 12:32 AM
was it the code I posted that ended up working for you?

I'm just wondering because I haven't had a chance to test it myself and I was wondering if it actually worked :P

rundellt2000
05-31-2003, 04:22 AM
It was! Thanku so much dude128...

Dude128
05-31-2003, 05:23 PM
you're very welcome :)