embed a plugin after a button click

VanderBOOM · #1 (**permalink**) Dec 13th, 2005, 12:36

Hi everybody,

I'm still very new in using HTML. Being an amateur Visual Basic programmer, I run into a few problems that seem simple, but I can't find the solution (yet).
I want to use a button click (of a self made button (or image) to start a mp3 to play. I wanted to use the <embed> tag, because I want the plugin (quicktime) to show up next to the pressed button. A Member of the HTML forum suggested to use javascript.

Since I don't know any javascript (yet) I hope somebody on this forum can help me out here.

Thanx

Rob · #2 (**permalink**) Dec 13th, 2005, 12:42

Basically you will need to use the button / images on click event to call a function. The function will simply write out the required HTML using javascript's 'document.write' funtions.

Have a go at doing this yourself because it really isnt that hard..... post your code if you get stuck......... We *could* do this for you, but then what do you learn?

Research a little about "onclick" and "document.write" and you'll be there in no time.

Regards,

VanderBOOM · #3 (**permalink**) Dec 13th, 2005, 15:39

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Alert Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<img src="Plaatjes/Algemeen/KnopOut.gif" width="160" height="63" onClick="mijnfunctie()">
function mijnfunctie()
{
<script language="javascript" type="text/javascript">

</script>
}
</body>
</html>

results in showing img + text: function mijnfunctie() {
+ qtime plugin
and starts embedded song straight away without a mouseclick on the image.

What did I do wrong ?

Rob · #4 (**permalink**) Dec 13th, 2005, 17:24

First of all, when posting code, please use code tags, eg.
([code]your code here[/code] ... or in this specific case, [html]your HTML code here[/html])

Lets see.... you have an error in your html... try this:-

HTML: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Alert Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<img src="Plaatjes/Algemeen/KnopOut.gif" width="160" height="63" onClick="mijnfunctie()" />
<script language="javascript" type="text/javascript">
<!--
function mijnfunctie()
{
document.write("<embed src='Muziek/A Brand New Year (LR).mp3' autostart = 'true' />");
}
//-->
</script>
</body>
</html>

I'm sure there is a lot more embed code needed... prolly <objcet> need too to make this work Xbrowser.... since i never deal with audio and webpages, maybe someone else can help further.

VanderBOOM · #5 (**permalink**) Dec 13th, 2005, 19:27

Thanks Rob, this does the trick. I found out that the {} were placed wrong, and I forgot to place a > behind the true'. Good learning moment

.

regards Hans

Rob · #6 (**permalink**) Dec 14th, 2005, 10:33

Actually.... if you look closer, you'll see your script tags were also in the wrong place and you never closed the embed tag...... true though... a good learning excercise.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Need help using object/embed tags to embed java applet	Jon1123	Web Page Design	2	Apr 10th, 2007 22:31
automatic pop-up when click on a radio button	joshcxa	JavaScript Forum	2	Aug 1st, 2006 06:06
Using a button click to activate an <embed>	VanderBOOM	Web Page Design	1	Dec 9th, 2005 15:54
on click button	Monie	JavaScript Forum	1	Aug 30th, 2004 06:20

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
embed a plugin after a button click