Skip to main content

Topic: TagScanner's List Maker template. (Read 2209 times) previous topic - next topic

0 Members and 1 Guest are viewing this topic.
  • Lordmetal
  • [*]
TagScanner's List Maker template.
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.
Code: [Select]
$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"   "">
<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 

  • Lordmetal
  • [*]
TagScanner's List Maker template.
Reply #1

My solution is to change:

$select %albumartist%,0
    <tr title="Click to expand/collaps" onClick="showhide('%albumartist%')" class="%_even_odd%">
    <td class="idx" width="20">%_counter%</td>

The first two lines to:

$select %albumartist - %album%%,0
    <tr title="Click to expand/collaps" onClick="showhide('%albumartist%')" class="%_even_odd%">

And this line from:

<tr class="sel" id="el_%albumartist%">


<tr class="sel" id="el_%albumartist - %album%%">

Now it's possible to hide/unhide per artist album instead of just per artists all album, if your up to this the only thing you have to do beside this is to move desired tags up to the menu that always will be visible.