Author Topic: How To Enable The Playlist?  (Read 2997 times)

0 Members and 1 Guest are viewing this topic.

Offline nadzri87

  • Occasional poster
  • *
  • Posts: 3
    • View Profile
How To Enable The Playlist?
« on: March 21, 2009, 08:30:22 PM »
Hello.. This is my first time posting.. Please don't hesitate to correct any mistake I made..
I need help on enabling the playlist, so surfer can choose the song they want to hear.. It's a patch from other template since I'm an amateur..

----------------------------------------------------------------------------------------------------------------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
 <SCRIPT LANGUAGE="JavaScript">
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
var message = new Array();
message[0] = "Dino Download Site"
var reps = 2;
var speed = 100;
var p = message.length;
var T = "";
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) reps = 1;
function doIt() {
T = message[mC];
A();
}
function A() {
s++;
if (s > 8) { s = 1;}
if (s == 1) { document.title = '.¸.·´¯`·.¸.·´¯`·.¸.·´¯`· '+T+' ¸.·´¯`·.¸.·´¯`·.¸.·´¯`·.'; }
if (s == 2) { document.title = '·.¸.·´¯`·.¸.·´¯`·.¸.·´¯` '+T+' .·´¯`·.¸.·´¯`·.¸.·´¯`·.¸'; }
if (s == 3) { document.title = '`·.¸.·´¯`·.¸.·´¯`·.¸.·´¯ '+T+' ·´¯`·.¸.·´¯`·.¸.·´¯`·.¸.'; }
if (s == 4) { document.title = '¯`·.¸.·´¯`·.¸.·´¯`·.¸.·´ '+T+' ´¯`·.¸.·´¯`·.¸.·´¯`·.¸.·'; }
if (s == 5) { document.title = '´¯`·.¸.·´¯`·.¸.·´¯`·.¸.· '+T+' ¯`·.¸.·´¯`·.¸.·´¯`·.¸.·´'; }
if (s == 6) { document.title = '·´¯`·.¸.·´¯`·.¸.·´¯`·.¸. '+T+' `·.¸.·´¯`·.¸.·´¯`·.¸.·´¯'; }
if (s == 7) { document.title = '.·´¯`·.¸.·´¯`·.¸.·´¯`·.¸ '+T+' ·.¸.·´¯`·.¸.·´¯`·.¸.·´¯`'; }
if (s == 8) { document.title = '¸.·´¯`·.¸.·´¯`·.¸.·´¯`·. '+T+' .¸.·´¯`·.¸.·´¯`·.¸.·´¯`·'; }if (C < (8 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 0;
sT = null;
doIt();
   }
}
doIt();
</script>
 <style type="text/css">
  %style%
  </style>
  <title>Dino Download Site</title>

  <link rel="shortcut icon" href="http://%host%/favicon.ico.gif" />
</head>
<body>
<!-- Search Google -->
<center><FORM id="search" method=GET action="http://www.google.com/search">
<TABLE><tr><td>
<A HREF="http://www.google.com/"></A>
<INPUT TYPE=text name=q size=30 maxlength=255 value="Search What?">
<INPUT TYPE=hidden name=hl value="en">
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
<!-- Search Google -->
<!-- NO RIGHT CLICK  -->
<script>
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler(){
return false;
}
 function mousehandler(e){
var myevent = (isNS) ? e : event;
var eventbutton = (isNS) ? myevent.which : myevent.button;
if((eventbutton==2)||(eventbutton==3)) return false;
}
document.oncontextmenu = mischandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;
</script>
<!-- NO RIGHT CLICK  -->

<marquee border="0" scrolldelay="20" scrollamount="5" width=1220 turespeed="true" onMouseOut=this.start();
   onMouseOver=this.stop();>
   <font color=white>
   <br><b>¯¯—__DiNo DoWnLoAd SitE__—¯¯—__View with IE for best perfomance__—¯¯
   </font></marquee><br>

%login-link%
%loggedin%
%upload-link%

<div id=body>
%folder-comment%
%up%
%files%
</div>



<font color=white>Taylor Swift - Love Story, Bunkface - Situasi, One Republic - Stop And Stare, Buckcherry - Sorry</font><br></br>
<center><EMBED SRC="http://10.122.24.244:45/mp3/test.asx" VOLUME="50" HEIGHT="0" WIDTH="0" loop="infinite">
<br></br>
<div id=footer>
<a href="http://10.122.24.244:45">Dino File Server %version%</a>


</div>
</body>
</html>

[style]
body, th { font-family:tahoma, verdana, arial, helvetica, sans; font-weight:normal; font-size:14pt; }
body { margin:10; background-color:Black; background :url('/bg/sad.jpg') fixed center no-repeat; padding:10px; }
p { margin:2 }
a { text-decoration:none;  background-color:Transparent; color:white; }
a:visited { color:White; }
a:hover { background-color:maroon; }
img { border-style:none }
td { font-size:12pt; color:white; background:Transparent; border:0px dotted white }
.flag:hover, .comment:hover, td:hover { background-color:maroon;border:1px solid white }
td img { vertical-align:center}
th, th a, th a:visited { color:white; font-size:16pt; font-weight:Italic; padding-bottom:3; }
#foldercomment { font-size:18pt; color:white; background:Transparent; padding:3px; border:0px solid Transparent; border-bottom:0px solid Transparent; margin-top:0px solid Transparent;text-align:center; }
#tools { text-align:right; font-size: 8pt; }
#folder, .big { font-size:14pt; font-weight:bold;  }
#folderlabel, #folderstats, #footer { font-size: 12pt; }
#body {
  border-bottom: 0px solid Transparent;
     border-top: 0px solid Transparent;
    border-left: 0px dotted Transparent;
   border-right: 0px dotted Transparent;
  background: transparent;
  padding:15px;
  margin:15px;
}
.comment { font-size:12pt; color:white; background:Transparent; padding:2px; border:2px solid Maroon; margin-top:2px; }
.button { float:right; padding:5px; padding-top:7px; margin:20px; border:none solid black; background:Transparent; font-size:8pt; font-weight:bold; }
.button img { vertical-align:text-bottom; }
.flag { font-weight:bold; font-size:12pt; background:transparent; color:red; text-align:center; border:1px solid red; }


[upload-link]
<a href="~upload" class=button><img src="/~img32" /> UPLOAD</a>

[up]
<center><a class=big href=".."><img src="/~img14" /> BACK</a>

[nofiles]
<center><div class=big>No file</div>

[files]
<center><div id=folderstats></div>
<table cellpadding=10>
<th><a href="?sort=n">File</a>
<th><a href="?sort=s">Size</a>
%list%
</table>
<div id=tools>

</div>

[protected]
<img src='/~img_lock'>

[file]
<center><tr><td>%new% %protected% <a href="%item-url%"><img src="/~img_file" /> %item-name%</a>%comment%<td align=right>%item-size%

[folder]
<center><tr><td>%new% %protected% <a href="%item-url%"><img src="/~img_folder" /> <b>%item-name%</b></a>%comment%<td align=center><i>folder</i>

[link]
<center><tr><td>%new% <a href="%item-url%"><img src="/~img_link" /> <b>%item-name%</b></a>%comment%<td colspan=5 align=center><i>link</i>

[comment]
<div class=comment>%item-comment%</div>

[folder-comment]
<div id=foldercomment>%item-comment%</div>

[error-page]
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <style>
    %style%
    </style>
  </head>
<body>
%content%
<hr>
<div style="font-family:tahoma, verdana, arial, helvetica, sans; font-size:8pt;">
<a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a>
<br />
</div>
</body>
</html>

[not found]
<h1>404 -  Not found</h1>
<a href="/">go to root</a>

[overload]
<h1>Server busy</h1>
Please, retry later.

[max contemp downloads]
<h1>Download limit</h1>
On this server there is a limit on the number of <b>simultaneous</b> downloads.
<br />This limit has been reached. Retry later.

[unauthorized]
<h1>Unauthorized</h1>
This is a protected resource.
<br />Your username/password doesn't match.

[deny]
<h1>Unallowed</h1>
This resource is not accessible.

[ban]
<h1>You are banned.</h1>
%reason%

[upload]
<html>
<head>
  <title>Dino Download Site</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <style type="text/css">
  %style%
  </style>
</head>
<body>
%login-link%
%loggedin%
<script language="javascript">
var s1, s2;
if (window.parent.progress) s1 = '" target=_parent', s2 = 'CLOSE';
else s1 = '+progress"', s2= 'ADD';
document.write('<a href="~upload'+s1+' class=button onClick="if (frm.upbtn.disabled) return false;"><img src="/~img10" /> '+s2+' PROGRESS FRAME</a>');
</script>
<a href="." target=_parent class=button><img src="/~img21" /> CANCEL UPLOAD</a>
<div style="margin-top:60px" id=folderlabel>folder</div>
<div id=folder>%folder%</div>
<div id=body>
<form name=frm action="." target=_parent method=post enctype="multipart/form-data" onSubmit="frm.upbtn.disabled=true; return true;">
%upload-files%
<input name=upbtn type=submit value="Upload files">
</form>
<br />Before uploading you may want to open a <a target=_blank href="/~progress">progress status window</a>.
</div>
<div id=footer>

<br />Servertime: %timestamp%
<br />Uptime: %uptime%
<br />Disk space: %diskfree%
</div>
</body>
</html>

[upload-file]
<input name=fileupload%idx% size=70 type=file><br />

[upload-results]
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <style type="text/css">
  %style%
  </style>
  <title>HFS %folder%</title>
</head>
<body>
%loggedin%
<div style="margin-top:60px" id=folderlabel>folder</div>
<div id=folder>%folder%</div>
<div id=body>
%uploaded-files%
<br /><br />
<a href="." target=_parent class=big><img src="/~img14" /> Back to the folder</a>
</div>
<div class=footer>
<a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a>
<br />Servertime: %timestamp%
<br />Uptime: %uptime%
<br />Disk space: %diskfree%
</div>
</body>
</html>

[upload-success]
<li><a href='%item-url%'>%item-name%</a>: <b>OK</b> --- %item-size%  (Speed %speed% KB/s)

[upload-failed]
<li>%item-name%: <b>FAILED</b> ---  %reason%

[upload+progress]
<html>
<head>
<frameset cols=200,*>
  <frame name=progress src="/~progress" scrolling=auto marginwidth=0>
  <frame src="~upload-no-progress" scrolling=auto>
</frameset>
</head>
<body>
</body>
</html>

[progress]
<html>
<head>
  <meta http-equiv="Refresh" content="7;URL=/~progress">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <title>HFS - Progress status</title>
  <style>
  %style%
  .filename { font-weight:bold; font-size:8pt; }
  .bytes { font-size:7pt; }
  .perc { font-size:14px; vertical-align:middle; }
  .out_bar { width:100px; font-size:15px; background:black; border:black 1px solid; margin-right:5px; float:left; }
  .in_bar { height:16px; background:white; color:white;  }
  #body { margin-left:0; margin-right:0; }
  body { padding:2px; }
  #graph { border:white outset 2px; }
  </style>
</head>
<body>
<div class=big>Progress status</div>
Auto-refresh: 7 seconds
<br /><br /><img src="/~img_graph190x40" id="graph" />
<div id=body>
%progress-files%
</div>
<div id=footer>Uptime: %uptime%</div>
</body>
</html>

[progress-nofiles]
<div class=big>No file exchange in progress.</div>

[progress-upload-file]
<span class=flag>&nbsp;up&nbsp;</span>
<span class=filename>%filename%</span>
<div class=bytes>
%done-bytes% / %total-bytes% bytes
<br />Speed: %speed-kb% KB/s
</div>
<div style="margin-top:5px; margin-bottom:20px;">
  <div class=out_bar><div class=in_bar style="width:%perc%px"></div></div> <span class=perc>%perc%%</span>
</div>

[progress-download-file]
<span class=flag>&nbsp;down&nbsp;</span>
<span class=filename>%filename%</span>
<div class=bytes>
%done-bytes% / %total-bytes% bytes
<br />Speed: %speed-kb% KB/s
</div>
<div style="margin-top:5px; margin-bottom:20px;">
  <div class=out_bar><div class=in_bar style="width:%perc%px"></div></div> <span class=perc>%perc%%</span>
</div>

[newfile]
<span class=flag>&nbsp;NEW&nbsp;</span>

--------------------------------------------------------------------------------------------------------------------
I'm not from the western countries nor that English is my main laguage.. Pardon for my English and sorry for any trouble occured

Offline rejetto

  • Administrator
  • Tireless poster
  • *
  • Posts: 12948
    • View Profile
Re: How To Enable The Playlist?
« Reply #1 on: March 25, 2009, 10:32:37 AM »
welcome.

there's an error in your css code.
use this
Code: [Select]
body { margin:10; background:black url('/bg/sad.jpg') fixed center no-repeat; padding:10px; }
or those who have no sad.jpg will get a white-on-white illegible screen.

i don't understand what playlist thing you want. maybe you want to install a streaming player?

Offline nadzri87

  • Occasional poster
  • *
  • Posts: 3
    • View Profile
Re: How To Enable The Playlist?
« Reply #2 on: April 01, 2009, 07:27:31 PM »
there is no background because, the image sad.jpg is in my server.. thats why url (/bg/sad.jpg) not url(http://.........) i want the player to show the playlist where viewer is able to choose their song to b played kinda like the JW player..