Welcome Guest ( Log In | Register )

TagScanner's List Maker template.
post Oct 5 2012, 04:04
Post #1

Group: Members
Posts: 3
Joined: 5-October 12
Member No.: 103637

Hi All

I'm trying to edit the template file in TagScanners List Maker to change the design of the html generated list.

The default template has one header row with the tag of the Artist, this header can expand & collaps the rows underneath that holds the rest of the tags.
I'm trying to move the Album tag up to the header tag, it works, but... the list still only generates one header per Artist not for all Albums.

The default template looks like this.
Artist1 <- Mouse click on this header Expands/Collapses all rows with Albums belonging to this Artist.
Album1 Genre etc.
Album2 Genre etc.
Album3 Genre etc.

Output from Template of my desire will generate an html file with an list like this.
Artist1 Album1 <-Mouse click Expand/Collaps
Genre etc.
Artist1 Album2
Genre etc.

The template code looks like this.
$file_name AlbumList.htm
$file_notes Album list sorted by album artist with covers and stats
$file_encoding utf-8
$file_writebom 1
$file_ishtml 1
$file_relativepaths 1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta name="generator" content="TagScanner 5.1">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>TagScanner Extended Album List</title>
<script type="text/javascript">
function showhide(id) {
var objList = document.getElementsByTagName("TR");
var k = objList.length;
    for (var i = 0; i < k; i++)
        if(objList'['i']'.id == "el_" + id){
    if(objList'['i']'.style.display == 'none') {
        objList'['i']'.style.display = '';
        objList'['i']'.style.display = 'none';

<style type="text/css"><!--
body { font-family: Tahoma; font-size: 10pt; padding: 0px; margin: 0px; height: 100%; width: 100%; }
table.list {border: 1px dashed #dfe3eb; border-top: none; margin-top: 5px;  border-bottom: 1px solid #dfe3eb;}
table.list td {font-size: 8pt; padding:3px; vertical-align:middle; border-bottom: 1px solid #dfe3eb;}
table.list td  a {font-size: 8pt; color: #4169E1;}
table.list tr.even td {background-color: #F8F8F8; color: black;cursor:pointer; cursor: hand;}
table.list tr.odd td {background-color:#F3F3F3; color: black;cursor:pointer; cursor: hand;}
table.list tr.sel td {background-color:#FFFFFF; color: black;border-bottom: 4px solid #dfe3eb; margin-top: 5px; margin-bottom:5px;}
table.list tr.even td.idx, table.list tr.odd td.idx,table.list tr.sel0 td.idx {font-size: 9pt; text-align: center; background-color: #CFF; font-weight: bold}
table.list tr.hd td {background-color: #778899; cursor:default;  font-weight: bold;  color: #F0F8FF;  border-top: 2px solid #FFA07A;  padding: 6px 6px 6px 6px;}
table.list tr.hd td.sorted {background-color: #F5F5F5; background-image:none; cursor: pointer; cursor: hand;}
table.list td table td {border:0px; padding:0px;}
table.list div {box-sizing:border-box; -moz-box-sizing:border-box; background-repeat:no-repeat;}
table.list tr.hd div.action {width:100%; height:24px; background-repeat:no-repeat; background-position:center 3px;}
.cover {border 5px solid white;width:320px;height:320px}
  <table class="list" border="0" cellspacing="0" cellpadding="0" width="100%">
    <tr class="hd"><td width="20">&nbsp; </td>
    <td width="80" style="text-align: center;">Year</td>
    <td width="130" style="text-align: center;">Genre </td>
$select %albumartist%,0
    <tr title="Click to expand/collaps" onClick="showhide('%albumartist%')" class="%_even_odd%">
    <td class="idx" width="20">%_counter%</td>

    <td>&nbsp;</td>03:04 2012-10-05

$select %year%-%album%,0
    <tr class="sel" id="el_%albumartist%">
    <td style="text-align: center;" width="20">%_counter%</td>
    <td style="text-align: center;"><u><b>%album%</b></u> <br/><br/><img class="cover" src="//SERV-LI-FEDORA/Bilder/Medie Omslag/Musik Omslag/CD Omslag (Heavy Metal Tag) (320x320 Pixel Jpg (Epson Perfection v 750 Pro & Silverfast))/%albumartist% - %album%.jpg"><br/><br/>%_codec% [/ %_codec_profile%]<br/>%_totallength% | %_totalsize% | %_totalfiles% file(s)</td>
$select %fullfilenameext%,0
    <div style="float: left;text-align:left"><span style="width:30px;">%track% </span><a href="%fullfilenameext%">%artist% - %title%</a></div><div style="float: right;text-align:right">%_length% | %_bitrate% kbps | %_filesize%</div><br/>
    <td style="text-align: center;">%year%</td>
    <td style="text-align: center;">%genre%</td>

I'm still struggling but i must admit that help would be very appreciated smile.gif
Go to the top of the page
+Quote Post

Posts in this topic

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:


RSS Lo-Fi Version Time is now: 25th November 2015 - 13:02