HTML Forum

**geej** · 10-20-2005, 12:46 PM

I'm creating a site which has videos to watch. I'm wanting to have select form, that shows multiple video choices at a time, but allows a user to only pick one. Then click a "Submit (Play)" button and it bring the video up in the iframe. I already have the html pages created, with the embedded video content in them, using a flash player.

I just need to figure out, how I can create basically a play list form, which will pull up the video page in the Iframe.

I can create the form. But I don't know what the Action, Method, Encoding Type, and all that needs to be.

I can put the options in there, but how do I get them to be treated as a link. Which when the play button is pressed, will pull up the link in a targeted iframe.

**funkdaddu** · 10-20-2005, 04:41 PM

You could use JavaScript like this:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<script type="text/javascript"><!--
function showMovie() {
		box = document.movieForm.theMovie;
        destination = box.options[box.selectedIndex].value;
        if (destination) movieFrame.location.href = destination;	
}
//-->
</script>
	</head>

	<body bgcolor="#ffffff">
		<form id="movieForm" action="" method="get" name="movieForm" onsubmit="showMovie(); return false;">
		<select name="theMovie" id="theMovie" size="1">Choose one...
				<option>Choose One...</option>
				<option value="movie1.mpg">Movie 1</option>
				<option value="movie2.mpg">Movie 2</option>
			</select><input type="submit" name="submitButtonName" value="Play Movie">
		</form>
		<iframe id="movieFrame" name="movieFrame" src="" height="250" width="250" border="1"></iframe>
	</body>

</html>

it gets the value of the selected option, then sends that as the URL to the frame. So put your movie's url in the value and the name in between the option tags.

**geej** · 10-20-2005, 07:46 PM

That worked great. Thanks...

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!