.:ShadowFire:. ~+Version 3.4 Sweet Desire+~

.:Site:.

Index Terms of Use About Site Site Layouts Awards Gifts Apply Credits Link Me Links Out Total Count

.:Webmistress:.

About Me Webdesign Contact Me My Artwork

.:Layouts:.

View All Dividers Frames iFrames Pop Ups Tables Submitted Layouts

.:Tagboard:.

(click to view)

.:Jukebox Tutorial:.

Open up the page you want your jukebox to be displayed on with notepad or some other editer, copy this code (by pressing CTRL+A then CTRL+C), then paste it to wherever you want your jukebox to be.

<object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
</object>
<form name="form">
<p style="text-align: CENTER">
<select style="font-size: 8pt; background:#FFFFFF; width: 200px; color: #000000; font-face: VERDANA" name="playlist" size="1">
<option value="0">SONG</option>
<option value="1">SONG</option>
<option value="2">SONG</option>
<option value="3">SONG</option>
<option value="4">SONG</option>
<option value="5">SONG</option>
<option value="6">SONG</option>
<option value="7">SONG</option>
<option value="8">SONG</option>
</select><br>
<input TYPE="BUTTON" NAME="darkplay" VALUE=".Play." OnClick="play(document.forms['form'].playlist);">
<input TYPE="BUTTON" NAME="darkpause" VALUE=".Pause." OnClick="document.darkplayer.Pause(); playstate=2;">
<input TYPE="BUTTON" NAME="darkstop" VALUE=".Stop." OnClick="document.darkplayer.Stop(); playstate=2;"></p>
</form>

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

//-->
</script>

<script language="JavaScript">
<!--

var playstate = 1;
shuffle = 1;  // set to 0 to always play first song in list
              // set to 1 to randomly choose the first song to play
songs=new Array();
songs[0]="SONG  URL";
songs[1]="SONG  URL";
songs[2]="SONG  URL";
songs[3]="SONG  URL";
songs[4]="SONG  URL";
songs[5]="SONG  URL";
songs[6]="SONG  URL";
songs[7]="SONG  URL";
songs[8]="SONG  URL";
if (shuffle == 1) {
var randsg = Math.floor(Math.random()*songs.length);
document.darkplayer.FileName = songs[randsg];
document.darkplayer.scr = songs[randsg];
document.forms['form'].playlist.options[randsg].selected = true;
}
function play(list) {
if (playstate == 2) {
document.darkplayer.Play();
} else {
var snum = list.options[list.selectedIndex].value
document.darkplayer.FileName = songs[snum];
document.darkplayer.scr = songs[snum];
}
playstate = 1;
}
//-->
</script>

Change the text that says SONG to your song title and SONG URL to your actual song URL. If you want to customize your jukebox, edit the bold text in the CSS:
<p style="text-align: CENTER"> <select style="font-size: 8pt; background:#FFFFFF; width: 200px; color: #000000; font-face: VERDANA" name="playlist" size="1">

If you want to add more songs, then copy this code,
<option value="9">SONG</option>
And paste it under
<option value="8">SONG</option>
Then, copy this code,
songs[9]="SONG URL";
And paste it under
songs[8]="SONG URL";

This is how it should turn out:

I hope this tutorial will help, and don't forget to link back. =) And please DO NOT copy/steal any of my tutorials either!!

Last updated: 09/03/27