Xanga music Playlist Options

[lovelymissphoebe]

Hey! Well, I would like to have a custom module with a playlist in it, so I compiled this code:

CODE

<!--Begin Extra Module Script-->
<script>
titleContent = 'Music';
moduleContent = '<!-CODE BY CODES__INC-!><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">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">
<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>
<form name="form">
<select name="playlist" size="1">
<!-- Add song info here -->
<option value="0">Move Along</option>
<option value="1">Dance Dance</option>
<option value="2">Who I am</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">
<!--
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();
// Add song URLs here
songs[0]="http://www.archive.org/download/Move_Along_1/AllAmericanRejectsMoveAlong.mp3";
songs[1]="http://ia300119.us.archive.org/2/items/Dance_Dance_2/FallOutBoyDanceDance.mp3";
songs[2]=http://www.mp3-host.com/uploads/a6976.afa7d.mp3;

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><!-CODE BY CODES__INC-!>';
sub = subTitle.parentNode.parentNode.parentNode.parentNode.parentNode
sub.insertAdjacentHTML('beforeBegin','<table border="1" cellspacing="0" cellpadding="4" width="100%" class="left"><tr><th valign="top" align="left" class="left">' + titleContent + '</th></tr><tr><td valign="top" class="left">' + moduleContent)
sub.insertAdjacentHTML('beforeBegin','<BR>');
</script>
<!--End Extra Module Script-->

The thing is, it doesn't work - Any suggestions?

[*digital.fragrance*]

Yep - no quotes... look:

CODE

songs[2]=http://www.mp3-host.com/uploads/a6976.afa7d.mp3;

Make it this:

CODE

songs[2]="http://www.mp3-host.com/uploads/a6976.afa7d.mp3";

[lovelymissphoebe]

Alright, fixed the codes - now the problem is displaying it on my site I've put it in my web stats and it shows up on the bottom of the page with a bunch of mumbo-jumbo - any suggestions for that one?
You can see my page here and heres the fixed code:

CODE

<!--Begin Extra Module Script-->
<script>
titleContent = 'Music';
moduleContent = '<!-CODE BY CODES__INC-!><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">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">
<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>
<form name="form">
<select name="playlist" size="1">
<!-- Add song info here -->
<option value="0">Move Along</option>
<option value="1">Dance Dance</option>
<option value="2">Who I am</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">
<!--
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();
// Add song URLs here
songs[0]="http://www.archive.org/download/Move_Along_1/AllAmericanRejectsMoveAlong.mp3";
songs[1]="http://ia300119.us.archive.org/2/items/Dance_Dance_2/FallOutBoyDanceDance.mp3";
songs[2]=http://www.mp3-host.com/uploads/a6976.afa7d.mp3;

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><!-CODE BY CODES__INC-!>';
sub = subTitle.parentNode.parentNode.parentNode.parentNode.parentNode
sub.insertAdjacentHTML('beforeBegin','<table border="1" cellspacing="0" cellpadding="4" width="100%" class="left"><tr><th valign="top" align="left" class="left">' + titleContent + '</th></tr><tr><td valign="top" class="left">' + moduleContent)
sub.insertAdjacentHTML('beforeBegin','<BR>');
</script>
<!--End Extra Module Script-->

[talcumpowder]

Because that module only supports adjacent HTML. Use this one instead. It works a lot better anyways.

[lovelymissphoebe]

Thanks! I really appreciate it!


*sigh - well, i just tried putting one of the codes in (unedited, just as it was to see what it looked like) and it does the same thing!

[talcumpowder]

CODE

<!-- Left Side Modules : Paul Chen -->
<div id="customLeft" style="display:none">
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="left">
[-Music-]
</th></tr>

<tr><td class="left" vAlign="top">
<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">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">
<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>
<form name="form">
<select name="playlist" size="1">
<!-- Add song info here -->
<option value="0">Move Along</option>
<option value="1">Dance Dance</option>
<option value="2">Who I am</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">
<!--
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();
// Add song URLs here
songs[0]="http://www.archive.org/download/Move_Along_1/AllAmericanRejectsMoveAlong.mp3";
songs[1]="http://ia300119.us.archive.org/2/items/Dance_Dance_2/FallOutBoyDanceDance.mp3";
songs[2]=http://www.mp3-host.com/uploads/a6976.afa7d.mp3;

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>
</td></tr>
</table>
<br/>
<!-- module:end -->
</div>
<script>
var sbpc = document.getElementById('customLeft');
var myForm = document.getElementById('__aspnetForm');
var leftSide = sbpc.cloneNode(true);
leftSide.style.display = "block";
if(!document.all){
range = document.createRange();
range.selectNode(myForm);
range.insertNode(leftSide);}
else{myForm.insertAdjacentElement('afterEnd', leftSide);}
</script>
<!-- Left Side Modules : Paul Chen -->

[ http://www.xanga.com/rhythmsicle ]

[lovelymissphoebe]

I put that code in and still I don't have any extra modules - is it because I have an automatic scrollbar?


****** Well, nevermind then. Besides the fact that I'm to impatient to wait any longer for a reply, I don't mind about the extra module, so you can close this question so I'll stop looking every five minutes for a response. Thanks to anyone who inputted!