btw when u use the toggle javascript insted of
<span id="{counter({album_artist}+{album_time})}" style="display:none;">
</span>
Surrounding it use div so its
<div id="{counter({album_artist}+{album_time})}" style="display:none;">
</div>
mjm716 wrote:Thanks for the strong start to Linkstar + Tornappart
I made a few mods, so it could be more easily sorted by multiple which I think stevescotia was asking for...
I created this to get a list of release year, sorted by artist sort order then album, but those can easily be changed.
It's a very minimal design.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Tunez!</title>
<style type="text/css">
<!--
body { font-family: Verdana, Arial, serif; margin: 50 50 50 50px;background-color: #696969;}
.row0 {background-color: #c0c0c0}
.row1 {background-color: #dcdcdc}
.titleName {font-family: "Verdana", arial, sans; font-size: 12px; line-height: 15px; font-weight: bold; color: white;padding: 5 0 5 0px; background-color: #736F6E;}
.rel_info { font-family: Verdana, Arial, serif; font-size: 10px; font-weight: bold; color: #E0E0E0; text-align: left; }
.track {text-align: left; font-size: 10px; color: #000; font-weight: bold; }
.track_head {text-align: left; font-size: 9px; color: #FFF}
a { text-decoration: none; color: #dcdcdc }
a:hover { text-decoration: underline }
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function toggle(targetId) {
target = document.getElementById(targetId);
if (target.style.display == "none"){
target.style.display="";
} else {
target.style.display="none";
}
}
//-->
</script>
</head>
<body>
<p class="titleName">Click album cover for track listing or Artist for more info.</p>
<!-- {repeat_begin(loop0,album_artist_sort_order)} -->
<!-- {repeat_begin(loop1,album)} -->
<table width="425px;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="128"><a href="javascript:toggle('{album_artist}+{album_time}')"><img src="{image_name}" alt="{album}" width="128" border="0"></a></td>
<td width="10"></td>
<td style="padding: 4px; background-color: #342826;">
<p class="titleName"><a href="javascript:toggle('{album_artist}+{album_time}+{album_time}')">{album_artist}</a><br/><span style="color:#D0A020; font-size: 11px;">{album}</span></p>
<p class="rel_info">Rec: {rec_year}/Rel: {rel_year}<br/>Length: {album_total_tracks} tracks ({album_time})<br/>Bitrate: {bitrate} ({album_size}MB)<br/>Genre: {genre}</td>
</tr>
</table>
<span id="{album_artist}+{album_time}" style="display:none;">
<table width="425px;" border="0" cellpadding="2" cellspacing="0" bgcolor="#8083B2">
<tr align="center" bgcolor="#342826">
<td width="35" class="track_head">Time</td>
<td width="350" class="track_head">Title</td>
</tr>
<!-- {repeat_begin(loop2,track)} -->
<tr class="row{odd(loop2)}">
<td width="35" class="track">{time}</td>
<td width="350" class="track"><font color="#7a4900">{title}</font></td>
</tr>
<!-- {repeat_end} -->
</table></span>
<span id="{album_artist}+{album_time}+{album_time}" style="display:none;">
<table width="425px;" border="0" cellpadding="2" cellspacing="0" bgcolor="#D0A020">
<tr>
<td width="425" class="track"><font color="#000">{biography}</font></td>
</tr>
</table></span>
<br/>
<!-- {repeat_end} -->
<!-- {repeat_end} -->
</body>
</html>
