Spring naar letter van het alfabet

Status
Niet open voor verdere reacties.
Weer een stapje verder :)
 

Bijlagen

  • Mijn muziek 3-9-2009.zip
    1,1 KB · Weergaven: 5
alright, dit zou m moeten zijn:
HTML:
$filename(Mijn muziek %_date%.html)<html>
<head>
<title>Mijn muziek of "%_date%"</title>
<style type="text/css"><!--
BODY { background: #404142; color: white; FONT-FAMILY: Verdana,Arial; FONT-SIZE: 9pt; }
.table1 { background: #7B8279; FONT-SIZE: 8pt; color: white; FONT-FAMILY: Tahoma,Verdana,Arial; }
.table2 { background: #2C2D2E; FONT-SIZE: 8pt; color: #B9C2C4; FONT-FAMILY: Tahoma,Verdana,Arial; }
.table3 { background: #111112; FONT-SIZE: 8pt; color: #B9C2C4; FONT-FAMILY: Tahoma,Verdana,Arial; }
a:link, a:visited, a:active { text-decoration: none;color: #000; }
a:hover { text-decoration: underline;color: #B9C2C4; }
--></style>
</head>
<body>
<table class="table1" width="80$char(37)" border="0" cellspacing="1" cellpadding="2" ALIGN="center">
<tr>
<td align="center">made on %_datetime% with <a href="http://www.mp3tag.de/" target="_blank"><b>%_app%</b></a> - the <b>universal</b> Tag Editor</td>
</tr>
</table>
 
<div align="center" id='test'>
</div>
  
 
<script type='text/javascript'>
 
var stuff = new Array();
 
$loop("%_filename_ext%")
   stuff'['%_counter%']' = '['"%_counter%","%artist%","%title%","$replace(%_folderpath_rel%,\,\\)","%_length%"']';
$loopend()
 
 
var obj = document.getElementById("test");
 
var out = "<table class=\"table1\" width=\"80%\" border=\"2\" cellspacing=\"1\" cellpadding=\"2\"><table class=\"table2\" id=test width=\"80%\" border=\"0\" cellspacing=\"1\" cellpadding=\"1\"><tr><th class=\"title\">Nummer</th><th class=\"title\">Artiest</th><th class=\"title\">Titel</th><th class=\"title\">Locatie</th><th class=\"title\">Duur</th></tr>";


for(var i=0;i<stuff.length;i++)
{
   out += "<tr>";
   out += "<td>" + stuff'['i']''['0']' + "</td>";
   out += "<td>" + stuff'['i']''['1']' + "</td>";
   out += "<td>" + stuff'['i']''['2']' + "</td>";
   out += "<td>" + stuff'['i']''['3']' + "\</td>";
   out += "<td>" + stuff'['i']''['4']' + "</td>";
   out += "</tr>";
}

out += "</table></table><br>";


obj.innerHTML = out;


</script>
 
</body>
</html>
post zowiezo even de code weer terug.
 
Komt ie ;)
 

Bijlagen

  • Mijn muziek 3-9-2009.zip
    1,1 KB · Weergaven: 9
voila, gaan we weer:
HTML:
$filename(Mijn muziek %_date%.html)<html>
<head>
<title>Mijn muziek of "%_date%"</title>
<style type="text/css"><!--
BODY { background: #404142; color: white; FONT-FAMILY: Verdana,Arial; FONT-SIZE: 9pt; }
.table1 { background: #7B8279; FONT-SIZE: 8pt; color: white; FONT-FAMILY: Tahoma,Verdana,Arial; }
.table2 { background: #2C2D2E; FONT-SIZE: 8pt; color: #B9C2C4; FONT-FAMILY: Tahoma,Verdana,Arial; }
.table3 { background: #111112; FONT-SIZE: 8pt; color: #B9C2C4; FONT-FAMILY: Tahoma,Verdana,Arial; }
a:link, a:visited, a:active { text-decoration: none;color: #000; }
a:hover { text-decoration: underline;color: #B9C2C4; }
--></style>
</head>
<body>
<table class="table1" width="80$char(37)" border="0" cellspacing="1" cellpadding="2" ALIGN="center">
<tr>
<td align="center">made on %_datetime% with <a href="http://www.mp3tag.de/" target="_blank"><b>%_app%</b></a> - the <b>universal</b> Tag Editor</td>
</tr>
</table>
 
<div align="center" id='test'>
</div>
  
 
<script type='text/javascript'>
 
function vSort(a, b)
{
    var x = a'['2']';
    var y = b'['2']';
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}




var stuff = '['']';
 
$loop("%_filename_ext%")
   stuff'['%_counter%']' = '['"%_counter%","%artist%","%title%","$replace(%_folderpath_rel%,\,\\)","%_length%"']';
$loopend()
 
 
var obj = document.getElementById("test");
 
var out = "<table class=\"table1\" width=\"80%\" border=\"2\" cellspacing=\"1\" cellpadding=\"2\"><table class=\"table2\" id=test width=\"80%\" border=\"0\" cellspacing=\"1\" cellpadding=\"1\"><tr><th class=\"title\">Nummer</th><th class=\"title\">Artiest</th><th class=\"title\">Titel</th><th class=\"title\">Locatie</th><th class=\"title\">Duur</th></tr>";
 

stuff.sort(vSort);


for(var i=1;i<stuff.length-1;i++)
{
   out += "<tr>";
   out += "<td>" + stuff'['i']''['0']' + "</td>";
   out += "<td>" + stuff'['i']''['1']' + "</td>";
   out += "<td>" + stuff'['i']''['2']' + "</td>";
   out += "<td>" + stuff'['i']''['3']' + "\</td>";
   out += "<td>" + stuff'['i']''['4']' + "</td>";
   out += "</tr>";
}
 
out += "</table></table><br>";
 
 
obj.innerHTML = out;
 
 
</script>
 
</body>
</html>
als deze werkt, zet ik de a-z linkjes erin, en klaar.
 
Jaja wederom een stapje
 

Bijlagen

  • Mijn muziek 3-9-2009.zip
    1,2 KB · Weergaven: 5
HTML:
$filename(Mijn muziek %_date%.html)<html>
<head>
<title>Mijn muziek of "%_date%"</title>
<style type="text/css"><!--
BODY { background: #404142; color: white; FONT-FAMILY: Verdana,Arial; FONT-SIZE: 9pt; }
.table1 { background: #7B8279; FONT-SIZE: 8pt; color: white; FONT-FAMILY: Tahoma,Verdana,Arial; }
.table2 { background: #2C2D2E; FONT-SIZE: 8pt; color: #B9C2C4; FONT-FAMILY: Tahoma,Verdana,Arial; }
.table3 { background: #111112; FONT-SIZE: 8pt; color: #B9C2C4; FONT-FAMILY: Tahoma,Verdana,Arial; }
a:link, a:visited, a:active { text-decoration: none;color: #000; }
a:hover { text-decoration: underline;color: #B9C2C4; }
--></style>
</head>
<body>
<table class="table1" width="80$char(37)" border="0" cellspacing="1" cellpadding="2" ALIGN="center">
<tr>
<td align="center">made on %_datetime% with <a href="http://www.mp3tag.de/" target="_blank"><b>%_app%</b></a> - the <b>universal</b> Tag Editor</td>
</tr>
</table>
 
<div align="center" id='test'>

</div>
  
 
<script type='text/javascript'>
 
function vSort(a, b)
{
    var x = a'['2']';
    var y = b'['2']';
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}
 
 
 
 
var stuff = '['']';
 
$loop("%_filename_ext%")
   stuff'['%_counter%']' = '['"%_counter%","%artist%","%title%","$replace(%_folderpath_rel%,\,\\)","%_length%"']';
$loopend()
 
 
var obj = document.getElementById("test");
 


var letters = "ABCDEFGHIJKLMNOPQRSTUVWZYXZ";
var outl = "";
for(var i=0;i<letters.length;i++)
{
   var cur = letters[i];
   outl += "<a href=\"#" + cur + "\">" + cur + "</a>";
   if(i != letters.length-1)
   {
      outl += " | ";
   }
}


var out = outl + "<br /><br /><table class=\"table1\" width=\"80$char(37)\" border=\"2\" cellspacing=\"1\" cellpadding=\"2\"><table class=\"table1\" width=\"80$char(37)\" border=\"0\" cellspacing=\"1\" cellpadding=\"1\"><tr><th class=\"title\">Nummer</th><th class=\"title\">Artiest</th><th class=\"title\">Titel</th><th class=\"title\">Locatie</th><th class=\"title\">Duur</th></tr>";
 
 
stuff.sort(vSort);
 
 
for(var i=1;i<stuff.length-1;i++)
{
   out += "<tr>";
   out += "<td>" + stuff'['i']''['0']' + "</td>";
   out += "<td>" + stuff'['i']''['1']' + "</td>";
   out += "<td>" + stuff'['i']''['2']' + "</td>";
   out += "<td>" + stuff'['i']''['3']' + "\</td>";
   out += "<td>" + stuff'['i']''['4']' + "</td>";
   out += "</tr>";
}
 
out += "</table></table><br>";

obj.innerHTML = out;
 
</script>
 
</body>
</html>
 
Maar hier is het resultaat, op een haar na ;)
 

Bijlagen

  • Mijn muziek 4-9-2009.zip
    1,3 KB · Weergaven: 9
He, verdorie, wat vergeten. Dit is beter (en het werkt! - denk ik)
HTML:
$filename(Mijn muziek %_date%.html)<html>
<head>
<title>Mijn muziek of "%_date%"</title>
<style type="text/css"><!--
BODY { background: #404142; color: white; FONT-FAMILY: Verdana,Arial; FONT-SIZE: 9pt; }
.table1 { background: #7B8279; FONT-SIZE: 8pt; color: white; FONT-FAMILY: Tahoma,Verdana,Arial; }
.table2 { background: #2C2D2E; FONT-SIZE: 8pt; color: #B9C2C4; FONT-FAMILY: Tahoma,Verdana,Arial; }
.table3 { background: #111112; FONT-SIZE: 8pt; color: #B9C2C4; FONT-FAMILY: Tahoma,Verdana,Arial; }
a:link, a:visited, a:active { text-decoration: none;color: #000; }
a:hover { text-decoration: underline;color: #B9C2C4; }
--></style>
</head>
<body>
<table class="table1" width="80$char(37)" border="0" cellspacing="1" cellpadding="2" ALIGN="center">
<tr>
<td align="center">made on %_datetime% with <a href="http://www.mp3tag.de/" target="_blank"><b>%_app%</b></a> - the <b>universal</b> Tag Editor</td>
</tr>
</table>
 
<div align="center" id='test'>
 
</div>
  
 
<script type='text/javascript'>
 
function vSort(a, b)
{
    var x = a'['2']';
    var y = b'['2']';
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}
 
 
 
 
var stuff = '['']';
 
$loop("%_filename_ext%")
   stuff'['%_counter%']' = '['"%_counter%","%artist%","%title%","$replace(%_folderpath_rel%,\,\\)","%_length%"']';
$loopend()
 
 
var obj = document.getElementById("test");
 
 
 
var letters = "ABCDEFGHIJKLMNOPQRSTUVWZYXZ";
var outl = "";
for(var i=0;i<27;i++)
{
   var cur = letters.substring(i,i+1);
   outl += "<a href=\"#" + cur + "\">" + cur + "</a>";
   if(i != letters.length-1)
   {
      outl += " | ";
   }
}
 
 
var out = outl + "<br /><br /><table class=\"table1\" width=\"80$char(37)\" border=\"2\" cellspacing=\"1\" cellpadding=\"2\"><table class=\"table1\" width=\"80$char(37)\" border=\"0\" cellspacing=\"1\" cellpadding=\"1\"><tr><th class=\"title\">Nummer</th><th class=\"title\">Artiest</th><th class=\"title\">Titel</th><th class=\"title\">Locatie</th><th class=\"title\">Duur</th></tr>";
 
 
stuff.sort(vSort);
 
 
for(var i=1;i<stuff.length-1;i++)
{
   var lx = stuff'['i']''['2']'.substring(0,1);
   lx = "<a name='" + lx + "'>&nbsp;</a>";


   out += "<tr>";
   out += "<td>" + lx + stuff'['i']''['0']' + "</td>";
   out += "<td>" + stuff'['i']''['1']' + "</td>";
   out += "<td>" + stuff'['i']''['2']' + "</td>";
   out += "<td>" + stuff'['i']''['3']' + "\</td>";
   out += "<td>" + stuff'['i']''['4']' + "</td>";
   out += "</tr>";
}
 
out += "</table></table><br>";
 
obj.innerHTML = out;
 
</script>
 
</body>
</html>
niet de meest subtiele oplossing, maar het werkt.
 
Het werkt inderdaad. Waar ik niet achter kom is op welke kolom er gesorteerd wordt. Het lijkt op artiest maar toch ook weer niet.
 

Bijlagen

  • Mijn muziek 4-9-2009.zip
    28 KB · Weergaven: 6
Hey,

Het wordt gersorteerd op naam van het nummer. (Wannabe komt onder ABC).
Dit wordt gedaan door onderstaande javascript functie:[JS]function vSort(a, b)
{
var x = a'['2']';
var y = b'['2']';
return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}
[/JS]als je bijvoorbeeld wilt sorteren op nummer, verander je regel 3 en 4 naar:
[JS] var x = a'[0']';
var y = b'['0']';[/JS]
Het gaat dus om de getalletjes. Het zijn deze:
Code:
0: #
1: artiest
2: naam
3: map (?denk ik)
4: tijdsduur nummer

Ik zie dat het sorteren niet helemaal klopt, maar weet niet precies hoe het komt. Je kan nog wel voor de zekerheid even dit proberen:
HTML:
$filename(Mijn muziek %_date%.html)<html>
<head>
<title>Mijn muziek of "%_date%"</title>
<style type="text/css"><!--
BODY { background: #404142; color: white; FONT-FAMILY: Verdana,Arial; FONT-SIZE: 9pt; }
.table1 { background: #7B8279; FONT-SIZE: 8pt; color: white; FONT-FAMILY: Tahoma,Verdana,Arial; }
.table2 { background: #2C2D2E; FONT-SIZE: 8pt; color: #B9C2C4; FONT-FAMILY: Tahoma,Verdana,Arial; }
.table3 { background: #111112; FONT-SIZE: 8pt; color: #B9C2C4; FONT-FAMILY: Tahoma,Verdana,Arial; }
a:link, a:visited, a:active { text-decoration: none;color: #000; }
a:hover { text-decoration: underline;color: #B9C2C4; }
--></style>
</head>
<body>
<table class="table1" width="80$char(37)" border="0" cellspacing="1" cellpadding="2" ALIGN="center">
<tr>
<td align="center">made on %_datetime% with <a href="http://www.mp3tag.de/" target="_blank"><b>%_app%</b></a> - the <b>universal</b> Tag Editor</td>
</tr>
</table>
 
<div align="center" id='test'>
 
</div>
  
 
<script type='text/javascript'>
 
function vSort(a, b)
{
    var x = a'['2']'.toLowerCase() ;
    var y = b'['2']'.toLowerCase() ;
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}
 
 
 
 
var stuff = '['']';
 
$loop("%_filename_ext%")
   stuff'['%_counter%']' = '['"%_counter%","%artist%","%title%","$replace(%_folderpath_rel%,\,\\)","%_length%"']';
$loopend()
 
 
var obj = document.getElementById("test");
 
 
 
var letters = "ABCDEFGHIJKLMNOPQRSTUVWZYXZ";
var outl = "";
for(var i=0;i<27;i++)
{
   var cur = letters.substring(i,i+1);
   outl += "<a href=\"#" + cur + "\">" + cur + "</a>";
   if(i != letters.length-1)
   {
      outl += " | ";
   }
}
 
 
var out = outl + "<br /><br /><table class=\"table1\" width=\"80$char(37)\" border=\"2\" cellspacing=\"1\" cellpadding=\"2\"><table class=\"table1\" width=\"80$char(37)\" border=\"0\" cellspacing=\"1\" cellpadding=\"1\"><tr><th class=\"title\">Nummer</th><th class=\"title\">Artiest</th><th class=\"title\">Titel</th><th class=\"title\">Locatie</th><th class=\"title\">Duur</th></tr>";
 
 
stuff.sort(vSort);
 
 
for(var i=1;i<stuff.length-1;i++)
{
   var lx = stuff'['i']''['2']'.substring(0,1);
   lx = "<a name='" + lx + "'>&nbsp;</a>";
 
 
   out += "<tr>";
   out += "<td>" + lx + stuff'['i']''['0']' + "</td>";
   out += "<td>" + stuff'['i']''['1']' + "</td>";
   out += "<td>" + stuff'['i']''['2']' + "</td>";
   out += "<td>" + stuff'['i']''['3']' + "\</td>";
   out += "<td>" + stuff'['i']''['4']' + "</td>";
   out += "</tr>";
}
 
out += "</table></table><br>";
 
obj.innerHTML = out;
 
</script>
 
</body>
</html>




:thumb:
 
Aha het sorteren is me duidelijk. Mag ik je bedanken voor de uitgebreide hulp. :thumb:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan