	<a href="http://leader.linkexchange.com/X1515329/clickle" target="_top"><img width=468 height=60 border=0 ismap alt="" src="http://leader.linkexchange.com/X1515329/showle?"></a>



		SEARCH THE SITE advanced search <A HREF="http://www.eurosubmit.com/eurosubcgi/ads.pl?member=me853;banner=NonSSI;page=01" TARGET="_blank"><IMG SRC="http://www.eurosubmit.com/eurosubcgi/ads.pl?member=me853;page=01" WIDTH=120 HEIGHT=50 ALT="EuroSubmit MiniBanners" BORDER=0></A> CATEGORIES Home Getting Started HTML Cheat Sheet Webmaster Tools HTML Help Forum Color Codes Link to us


	Jupe Box Home/JavaScript Categories/Audio Effects/Jupe Box Jupe Box Credits: TheHTMLSource.com Description: This will play a midi of your choice, click a number and the song will play. Demo: Your Choices: 1. About A Girl - Nirvana 2. I'll Stick Around - Foo Fighters 3. Closer - Nine Inch Nails 4. Sweet Dreams - Marylin Manson 5. Come Out & Play - Offspring 6. Hey Man, Nice Shot - Filter 7. Violet - Hole 8. Abuse Me - Silverchair 9. What I Got - Sublime Directions Step 1: Insert the following code into the <head> section of your page: <SCRIPT LANGUAGE="JavaScript"> <!-- /* Jupe Box - � TheHTMLSource.com (www.TheHTMLSource.com) For full source code, installation and instructions, vist www.TheHTMLSource.com / <!-- var version ="OL"; if (navigator.userAgent.indexOf("Mozilla/3.0") != -1) version = "OK"; else if (navigator.userAgent.indexOf("MSIE") != -1) version = "OX"; else if (navigator.userAgent.indexOf("Mozilla/4.0") != -1) version = "OK"; function switsj(n) { for(var i=1; i<=10; i++) { document.images[i+10].src=i+"off.gif"; } document.images[n+10].src=n+"on.gif"; } var tekst ; var lied; var count = 0; function scroll() { document.rant.banner.value = tekst.substring (count,tekst.length) + tekst.substring (0,count) if (count < tekst.length) count ++; else count = 0; setTimeout ("scroll()", 333); // 333ms is the minimum delay for Netscape 2.0 } function Play(nr) { if (version != "OL") { if (nr==1) {lied="girl.mid";tekst=" Now playing -- About A Girl -- Nirvana. ";} if (nr==2) {lied="around.mid";tekst=" Now playing -- I'll Stick Around -- Foo Fighters. ";} if (nr==3) {lied="closer.mid";tekst=" Now playing -- Closer -- Nine Inch Nails. ";} if (nr==4) {lied="dreams.mid";tekst=" Now playing -- Sweet Dreams - Marylin Manson. ";} if (nr==5) {lied="play.mid";tekst=" Now playing -- Come Out And Play -- Offspring. ";} if (nr==6) {lied="shot.mid";tekst=" Now playing -- Hey Man Nice Shot -- Filter. ";} if (nr==7) {lied="violet.mid";tekst=" Now playing -- Violet -- Hole. ";} if (nr==8) {lied="abuse.mid";tekst=" Now playing -- Abuse Me -- Silverchair. ";} if (nr==9) {lied="whatigot.mid";tekst=" Now playing -- What I Got -- Sublime. ";} if (nr==10) {lied="blank.htm";tekst=" Music paused. Click button for some background music. ";} scroll(); if (version=="OK") switsj(nr); PopUp = window.open (lied, "Crescendo", "toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizeable=no,copyhistory=no,width=200,height=20") ; } } // end hiding script --> </SCRIPT> Step 2:* Copy the following into the <body> section of your page where you would like the Jupe Box to apear: <SCRIPT LANGUAGE="JavaScript"> <!-- if (version !="OL" ) { document.write(" <BR> <BR> <BR> <BR> <BR><TABLE BORDER=2 BGCOLOR='#FBFECF'>") document.write(" <TH><form name='rant'><Center> ") document.write(" <FONT SIZE='4' FACE='Book Antiqua' COLOR='Navy'>MUSIC SELECTION BOX</FONT><BR>") document.write(" <A href='#select'><IMG SRC='vrgtk.gif' WIDTH=15 HEIGHT=15 BORDER=0 ></A>") document.write(" <A href='javascript: {Play(1);}'><IMG SRC='1off.gif' WIDTH=15 HEIGHT=15 BORDER=0 ></A>") document.write(" <A href='javascript: {Play(2);}'><IMG SRC='2off.gif' WIDTH=15 HEIGHT=15 BORDER=0 ></A>") document.write(" <A href='javascript: {Play(3);}'><IMG SRC='3off.gif' WIDTH=15 HEIGHT=15 BORDER=0 ></A>") document.write(" <A href='javascript: {Play(4);}'><IMG SRC='4off.gif' WIDTH=15 HEIGHT=15 BORDER=0 ></A>") document.write(" <A href='javascript: {Play(5);}'><IMG SRC='5off.gif' WIDTH=15 HEIGHT=15 BORDER=0 ></A>") document.write(" <A href='javascript: {Play(6);}'><IMG SRC='6off.gif' WIDTH=15 HEIGHT=15 BORDER=0 ></A>") document.write(" <A href='javascript: {Play(7);}'><IMG SRC='7off.gif' WIDTH=15 HEIGHT=15 BORDER=0 ></A>") document.write(" <A href='javascript: {Play(8);}'><IMG SRC='8off.gif' WIDTH=15 HEIGHT=15 BORDER=0 ></A>") document.write(" <A href='javascript: {Play(9);}'><IMG SRC='9off.gif' WIDTH=15 HEIGHT=15 BORDER=0 ></A>") document.write(" <A href='javascript: {Play(10);}'><IMG SRC='10off.gif' WIDTH=15 HEIGHT=15 BORDER=0 ></A><BR>") document.write(" <INPUT TYPE='text' NAME='banner' size='30' ><BR>") document.write(" <FONT SIZE='1' FACE='Arial Rounded MT Bold'>If you can't hear the music get <BR>the Crescendo plug-in.") document.write(" </FONT></CENTER></FORM></TH></TABLE><BR> <BR> <BR> <BR>") document.write(" <A HREF='#top' TARGET='_self'><IMG SRC='pijlbov.gif' WIDTH=32 HEIGHT=41 BORDER=0 >") document.write(" <BR><CENTER>TOP</CENTER></A><BR> <BR> "); } else { document.write(" <BR><FONT SIZE='+1' COLOR='Red'>The MUSIC SELECTION BOX is not supported by browsers less than Netscape 3.0 and MSIE 3.0!</FONT>"); } //--> </SCRIPT> <hr width=75%> <center> <font size=2><font face="arial"> Your Choices:<br> 1. About A Girl - Nirvana<br> 2. I'll Stick Around - Foo Fighters<br> 3. Closer - Nine Inch Nails<br> 4. Sweet Dreams - Marylin Manson<br> 5. Come Out & Play - Offspring<br> 6. Hey Man, Nice Shot - Filter<br> 7. Violet - Hole<br> 8. Abuse Me - Silverchair<br> 9. What I Got - Sublime Step 3: Download the following file, it contains the graphics you need to create the Jupe Box. (Upload these images into the same directory as that page your putting this script onto. Download The Graphics Step 4: You need 9 Midi's, you can use your own, or you can use the same ones that are on this page, if you want to use the ones where using, download the following file: Download The Song's Configuring the menu To change the Song's of the Jupe Box to your own, you first need to edit the the songs from Step 1 Simply change the File Names from our song's, to your own. Then Change the Song Title's from the bottom of Step 2 To your own song title's. Enjoy! Company \| Careers \| Partners \| Advertising \| Help Privacy Policy \| Trademark Notices \| User Agreement � 2001 TheHTMlSource.com, INC. All Rights Reserved.

Jupe Box