HTML prolem with streaming midi file

[Archlyn]

Okay, I have a set of midis I want the user of this page to be able to pick thriough, kinda like a jukebox. I have a dropdown box with the song names and the values are the paths to the files, relative to the page's location on my server... like this:

[option value="path/to/file1.mid"]Song name 1[/option]
[option value="path/to/file2.mid"]Song name 2[/option]
[option value="path/to/file3.mid"]Song name 3[/option]
...
[option value="path/to/file10.mid"]Song name 10[/option]

and I'm trying to use that form to set the [EMBED] tag's 'src' attribute to the currently selected item's (in the dropdown box) value.

Is there a way to do this?

Should I use something else besides the [embed] tag?

Does this work in all the major browsers?

And yes, I know you have to use the > and < characters for html tags, but they screw my post up

[scottlc]

Maybe somebody could clarify this but I'm sure that it would be possible with JavaScript.

Perhaps with:

embeddedclib.src = formselection.value;

[Archlyn]

That gets it to play the defualt selected item on the menu, but it doesn't make it play the file I select.

[scottlc]

Yeah, but if you add that to the "onchange" property it should change.

[Archlyn]

So something like this?

[select name="songlist" id="songlist" onChange=embed.src= document.form1.songlist.selectedIndex.value;]

It's just that I tried that formselection.value and it doesn't work at all.

[FLaRe85]

Just to clarify, MIDI doesn't stream. Although I think I see your problem. selectedIndex and value are two different properties of the SELECT element. selectedIndex returns the ordinal position of a selected OPTION element within the SELECT tag. value will return the value of the currently selection OPTION element within the SELECT tag.

Try changing what you have above to this:

[select name="songlist" onChange="embed.src=this.value;"]

[Archlyn]

[!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"]


	
	
[head]
[title]Untitled Document[/title]
[meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"]
[/head]
[body]
[embed src="" hidden="true" autostart="true" loop="true" name="embed" id="embed"]
[/embed]
[form name="form1" id="form1"]
[select name="songlist" onChange="embed.src=this.value;"]
[option value="path/to/file1.mid"]song 1[/option]
[option value="path/to/file2.mid"]song 2[/option]
[/select]
[/form]
[/body]

The above is the code to my webpage in it's entirety. The suggestions here aren't working, and I think it's my fault. Can someone patch it up for me and fix any errors and such?

[scottlc]

The JavaScript should use the name of your object.

embed.src=songlist.value;

[Archlyn]

Doesn't work. is it supposed to be quoated? (like I have it)

[FLaRe85]

Originally Posted by scott_uk5

The JavaScript should use the name of your object.

embed.src=songlist.value;

It can, but it doesn't have to. The 'this' keyboard refers to the object that invoked the event.

[[Unknown]]

It's safer imho to use "this.options[this.selectedIndex].value".

The problem is I think you need to restart the embed...

What I would do is use innerHTML - basically. You would just say divsection.innerHTML = 'new embed';, which would - in theory - start new music.

-[Unknown]

[Archlyn]

I've never seen that before... can you please provide a basic example? Basically I just want to figure out where to put it in the HTML document, how to reference it, and where to reference it from.

Edit: I got it! [Unknown], You are a Genius!! I ended up having to do some basic js functions though, made things easier to deal with

Thanks for the help!

[[Unknown]]

&lt;script type="text/javascript" language="Javascript"&gt;&lt;!--
function playSong(songName)
{
document.all.song.innerHTML = "embed crap";
}
// --&gt;&lt;/script&gt;
&lt;select onchange="playSong(this.options[this.selectedIndex].value);"&gt;
&lt;option value="http://www.songs.com/cool_song.mid"&gt;Cool Song&lt;/option&gt;
&lt;/select&gt;
&lt;div id="song"&gt;&lt;/div&gt;

-[Unknown]

[Archlyn]

ROFL! That's exactly the way I ended up doing it. I just didn't get around to posting it til now. Thanks for the assist

[[Unknown]]

No problem, I'm glad I was able to help at all.

-[Unknown]