For those interested, here is the Javascript:
Code:
<script language="javascript">
<!--
function printTrackLinks()
{
var url = document.URL;
var track = <dax:tracknum/>;
document.write("<table class=\"tracklink\"><tr>");
// Left
if (track > 1)
document.write("<td class=\"lefttracklink\"><a href=\"" +
url.replace(/track=(\d+)/,"track=" + (track-1)) +
"\"><<<</a></td>");
// Right
if (track < <dax:trackcount/>)
document.write("<td class=\"righttracklink\"><a href=\"" +
url.replace(/track=(\d+)/,"track=" + (track+1)) +
"\">>>></a></td>");
document.write("</tr></table>");
}
-->
</script>
Invoke it by placing this code wherever you want the links to appear:
Code:
<!-- Track links -->
<script language="javascript">
<!--
printTrackLinks();
-->
</script>
And put this either in a style tag, or on your CSS page:
Code:
table.tracklink
{
padding: 0 5px 0 5px;
width: 100%;
}
table.tracklink td
{
font-family: verdana,arial,helvetica;
font-size: 70%;
font-weight: bold;
color: $x1_color;
margin: 20px 0 0 0;
padding: 0;
text-transform: uppercase;
}
table.tracklink a
{
color: $x1_color;
}
table.tracklink a:hover
{
color: $hv_color;
text-decoration: none;
}
table.tracklink td.lefttracklink
{
text-align: left;
padding: 0 0 0 5px;
}
table.tracklink td.righttracklink
{
text-align: right;
padding: 0 5px 0 0;
}
Of course, you can and should alter your styles to confirm to your own template. These are my choices, which may not work for you.