<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:import href="com-xsl.xsl" />
<xsl:output method="html" encoding="utf-8" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" />
<xsl:template match="/">
<html>
<head>
<xsl:call-template name="header"><xsl:with-param name="title" select="/page/@title"/></xsl:call-template>
<script language="javascript" type="text/javascript">
<![CDATA[
function switchDetail(o){
r=o.nextSibling.nextSibling;
if(r.style.display==''){
r.style.display='none';
o.innerHTML=' [ + ]';
} else {
r.style.display='';
o.innerHTML=' [ - ]';
}
}
var toSort='';
var aSort=new Array();
function sort(x,v){
var a=new Array();
typSort=v;
var t=x.parentNode.parentNode;
if(!aSort[t.id]){
aSort[t.id]=new Array();
aSort[t.id][2]=1;
} else {
if(aSort[t.id][1]==x.cellIndex) {
aSort[t.id][2]*=-1;
} else {
aSort[t.id][2]=1;
}
}
aSort[t.id][1]=x.cellIndex
aSort[t.id][0]=x.cellIndex;
toSort=t.id;
//Passage de la table en tableau js
for(var r=1;r<t.rows.length;r++){
a[r-1]=new Array();
for(var c=0;c<t.rows[r-1].cells.length;c++){
a[r-1][c]=t.rows[r].cells[c].innerHTML;
}
}
a.sort(sortTable);
while(t.rows.length>1) t.deleteRow(t.rows[1].rowIndex);
for(var r=0;r<a.length;r++){
nr=t.insertRow(r+1);
for(var c=0;c<a[r].length;c++){
nc=nr.insertCell(c);
nc.innerHTML=a[r][c];
}
}
}
function sortTable(e1,e2){
if(typSort==0){
if(stripHTML(e1[aSort[toSort][0]]) >= stripHTML(e2[aSort[toSort][0]])){
r=1;
} else {
r=-1;
}
} else {
r=e1[aSort[toSort][0]] - e2[aSort[toSort][0]]
}
return r * aSort[toSort][2];
}
function stripHTML(oldString) {
return oldString.replace(/<[^>]*>/g, "");
}
function setTab(x){
document.getElementById('craft').style.display='none';
document.getElementById('class').style.display='none';
document.getElementById('global').style.display='none';
document.getElementById('rank').style.display='none';
document.getElementById('type').style.display='none';
document.getElementById('tabcraft').className='taboff';
document.getElementById('tabclass').className='taboff';
document.getElementById('tabglobal').className='taboff';
document.getElementById('tabrank').className='taboff';
document.getElementById('tabtype').className='taboff';
document.getElementById(x).style.display='';
document.getElementById('tab'+x).className='tabon';
}
]]>
</script>
</head>
<body style=" margin:0px; padding:0px;">
<div>
<xsl:variable name="totmember" select="count(//member)" />
<div class="title">Effectif de Guilde
<xsl:apply-templates select="/page/gname" />
<xsl:apply-templates select="/page/guilds" /></div>
<div id="loginfo" />
<div class="menu">
<xsl:call-template name="menu"/>
</div>
<div class="header">
Voici les informations concernant la guilde <b><a href="http://vgplayers.station.sony.com/guildsProfiles.vm?guildId={/page/guild/link}" target="_blank"><xsl:value-of select="/page/guild/name"/></a></b>
<br />
</div>
<div>
Nombre total de membres : <xsl:value-of select="$totmember" /><br />
</div>
<br />
<div style="border:solid black 1px; border-left:none; overflow:visible; width:700px;">
<div id="tabglobal" class="tabon" onClick="setTab('global');" onMouseOver="this.style.backgroundColor='#CCCCCC'" onMouseOut="this.style.backgroundColor='transparent'">Vue Générale</div>
<div id="tabclass" class="taboff" onClick="setTab('class');" onMouseOver="this.style.backgroundColor='#CCCCCC'" onMouseOut="this.style.backgroundColor='transparent'">Par Classe</div>
<div id="tabcraft" class="taboff" onClick="setTab('craft');" onMouseOver="this.style.backgroundColor='#CCCCCC'" onMouseOut="this.style.backgroundColor='transparent'">Par Artisanat</div>
<div id="tabrank" class="taboff" onClick="setTab('rank');" onMouseOver="this.style.backgroundColor='#CCCCCC'" onMouseOut="this.style.backgroundColor='transparent'">Par Rang</div>
<div id="tabtype" class="taboff" onClick="setTab('type');" onMouseOver="this.style.backgroundColor='#CCCCCC'" onMouseOut="this.style.backgroundColor='transparent'">Par Type</div>
<div id="global" style="clear:both;">
<div>
<table style="border-left:solid black 1px;" cellspacing="0" cellpadding="2" id="srtglobal">
<tr style="font-weight:bold; background-color:#DDDDDD; cursor:default">
<td width="150" onClick="sort(this,0)">Nom</td>
<td width="100" onClick="sort(this,0)">Classe</td>
<td width="30" onClick="sort(this,1)">Niv.</td>
<td width="100" onClick="sort(this,0)">Artisanat</td>
<td width="20" onClick="sort(this,1)">Niv.</td>
<td width="150" onClick="sort(this,0)">Titre</td>
<td width="150" onClick="sort(this,0)">Rang</td>
</tr>
<xsl:for-each select="/page/members/member">
<xsl:sort select="name" />
<tr onMouseOver="this.style.backgroundColor='#DDDDDD';" onMouseOut="this.style.backgroundColor='transparent';">
<td><a href="http://vgplayers.station.sony.com/characters.vm?characterId={id}" target="_blank"><xsl:value-of select="name" /></a></td>
<td><xsl:value-of select="class" /></td>
<td><xsl:value-of select="niv" /></td>
<td><xsl:value-of select="art" /></td>
<td><xsl:value-of select="artniv" /></td>
<td><xsl:value-of select="titre" /></td>
<td><xsl:value-of select="rank" /></td>
</tr>
</xsl:for-each>
</table>
</div>
</div>
<div id="class" style="display:none; clear:both;">
<xsl:for-each select="/page/classes/class">
<xsl:variable name="class" select="." />
<xsl:variable name="total" select="count(//member[class=$class])" />
<xsl:variable name="totlvl" select="sum(//member[class=$class]/niv)" />
<xsl:variable name="plural">
<xsl:if test="$total > 1" >s</xsl:if>
</xsl:variable>
<xsl:variable name="totdisp">
<xsl:if test="$total = 0" >Aucun</xsl:if>
<xsl:if test="$total > 0" ><xsl:value-of select="$total"/></xsl:if>
</xsl:variable>
<xsl:variable name="avglvl">
<xsl:if test="$total = 0" ></xsl:if>
<xsl:if test="$total > 0" > (<xsl:value-of select="round($totlvl div $total)" />)</xsl:if>
</xsl:variable>
<div>
<xsl:attribute name="style">
border-left:solid black 1px; padding-top:10px; padding-bottom:10px;
<xsl:if test="position()!=1">
border-top:solid black 1px;
</xsl:if>
</xsl:attribute>
<span onclick="switchDetail(this)" style="cursor:pointer;"> [ + ]</span>
<div style="display:inline;">
<xsl:value-of select="date"/>
<xsl:value-of select="$totdisp" /> <xsl:value-of select="." /><xsl:value-of select="$plural" /> <xsl:value-of select="$avglvl" />
</div>
<table cellspacing="0" cellpadding="2" style="display:none; padding-top:10px;padding-left:10px;" id="cls-{$class}">
<tr style="font-weight:bold; background-color:#DDDDDD; cursor:default">
<td width="150" onClick="sort(this,0)">Nom</td>
<td width="100" onClick="sort(this,0)">Classe</td>
<td width="30" onClick="sort(this,1)">Niv.</td>
<td width="100" onClick="sort(this,0)">Artisanat</td>
<td width="20" onClick="sort(this,1)">Niv.</td>
<td width="150" onClick="sort(this,0)">Titre</td>
<td width="150" onClick="sort(this,0)">Rang</td>
</tr>
<xsl:for-each select="//member[class=$class]">
<xsl:sort select="name" />
<tr onMouseOver="this.style.backgroundColor='#DDDDDD';" onMouseOut="this.style.backgroundColor='transparent';">
<td><a href="http://vgplayers.station.sony.com/characters.vm?characterId={id}" target="_blank"><xsl:value-of select="name" /></a></td>
<td><xsl:value-of select="class" /></td>
<td><xsl:value-of select="niv" /></td>
<td><xsl:value-of select="art" /></td>
<td><xsl:value-of select="artniv" /></td>
<td><xsl:value-of select="titre" /></td>
<td><xsl:value-of select="rank" /></td>
</tr>
</xsl:for-each>
</table>
</div>
</xsl:for-each>
</div>
<div id="craft" style="display:none; clear:both;">
<xsl:for-each select="/page/crafts/craft">
<xsl:variable name="craft" select="." />
<xsl:variable name="total" select="count(//member[art=$craft])" />
<xsl:variable name="totlvl" select="sum(//member[art=$craft]/artniv)" />
<xsl:variable name="plural">
<xsl:if test="$total > 1" >s</xsl:if>
</xsl:variable>
<xsl:variable name="totdisp">
<xsl:if test="$total = 0" >Aucun</xsl:if>
<xsl:if test="$total > 0" ><xsl:value-of select="$total"/></xsl:if>
</xsl:variable>
<xsl:variable name="avglvl">
<xsl:if test="$total = 0" ></xsl:if>
<xsl:if test="$total > 0" > (<xsl:value-of select="round($totlvl div $total)" />)</xsl:if>
</xsl:variable>
<div>
<xsl:attribute name="style">
border-left:solid black 1px; padding-top:10px; padding-bottom:10px;
<xsl:if test="position()!=1">
border-top:solid black 1px;
</xsl:if>
</xsl:attribute>
<span onclick="switchDetail(this)" style="cursor:pointer;"> [ + ]</span>
<div style="display:inline;">
<xsl:value-of select="date"/>
<xsl:value-of select="$totdisp" /> <xsl:value-of select="." /><xsl:value-of select="$plural" /> <xsl:value-of select="$avglvl" />
</div>
<table cellspacing="0" cellpadding="2" style="display:none; padding-top:10px;padding-left:10px;" id="art-{$craft}">
<tr style="font-weight:bold; background-color:#DDDDDD; cursor:default">
<td width="150" onClick="sort(this,0)">Nom</td>
<td width="100" onClick="sort(this,0)">Classe</td>
<td width="30" onClick="sort(this,1)">Niv.</td>
<td width="100" onClick="sort(this,0)">Artisanat</td>
<td width="20" onClick="sort(this,1)">Niv.</td>
<td width="150" onClick="sort(this,0)">Titre</td>
<td width="150" onClick="sort(this,0)">Rang</td>
</tr>
<xsl:for-each select="//member[art=$craft]">
<xsl:sort select="name" />
<tr onMouseOver="this.style.backgroundColor='#DDDDDD';" onMouseOut="this.style.backgroundColor='transparent';">
<td><a href="http://vgplayers.station.sony.com/characters.vm?characterId={id}" target="_blank"><xsl:value-of select="name" /></a></td>
<td><xsl:value-of select="class" /></td>
<td><xsl:value-of select="niv" /></td>
<td><xsl:value-of select="art" /></td>
<td><xsl:value-of select="artniv" /></td>
<td><xsl:value-of select="titre" /></td>
<td><xsl:value-of select="rank" /></td>
</tr>
</xsl:for-each>
</table>
</div>
</xsl:for-each>
</div>
<div id="rank" style="display:none; clear:both;">
<xsl:for-each select="/page/ranks/rank">
<xsl:variable name="rank" select="." />
<xsl:variable name="total" select="count(//member[rank=$rank])" />
<xsl:variable name="totlvl" select="sum(//member[rank=$rank]/niv)" />
<xsl:variable name="plural">
<xsl:if test="$total > 1" >s</xsl:if>
</xsl:variable>
<xsl:variable name="totdisp">
<xsl:if test="$total = 0" >Aucun</xsl:if>
<xsl:if test="$total > 0" ><xsl:value-of select="$total"/></xsl:if>
</xsl:variable>
<xsl:variable name="avglvl">
<xsl:if test="$total = 0" ></xsl:if>
<xsl:if test="$total > 0" > (<xsl:value-of select="round($totlvl div $total)" />)</xsl:if>
</xsl:variable>
<div>
<xsl:attribute name="style">
border-left:solid black 1px; padding-top:10px; padding-bottom:10px;
<xsl:if test="position()!=1">
border-top:solid black 1px;
</xsl:if>
</xsl:attribute>
<span onclick="switchDetail(this)" style="cursor:pointer;"> [ + ]</span>
<div style="display:inline;">
<xsl:value-of select="$totdisp" />
<xsl:value-of select="." /><xsl:value-of select="$plural" /> <xsl:value-of select="$avglvl" />
</div>
<table cellspacing="0" cellpadding="2" style="display:none; padding-top:10px;padding-left:10px;" id="rnk-{$rank}">
<tr style="font-weight:bold; background-color:#DDDDDD; cursor:default">
<td width="150" onClick="sort(this,0)">Nom</td>
<td width="100" onClick="sort(this,0)">Classe</td>
<td width="30" onClick="sort(this,1)">Niv.</td>
<td width="100" onClick="sort(this,0)">Artisanat</td>
<td width="20" onClick="sort(this,1)">Niv.</td>
<td width="150" onClick="sort(this,0)">Titre</td>
<td width="150" onClick="sort(this,0)">Rang</td>
</tr>
<xsl:for-each select="//member[rank=$rank]">
<xsl:sort select="name" />
<tr onMouseOver="this.style.backgroundColor='#DDDDDD';" onMouseOut="this.style.backgroundColor='transparent';">
<td><a href="http://vgplayers.station.sony.com/characters.vm?characterId={id}" target="_blank"><xsl:value-of select="name" /></a></td>
<td><xsl:value-of select="class" /></td>
<td><xsl:value-of select="niv" /></td>
<td><xsl:value-of select="art" /></td>
<td><xsl:value-of select="artniv" /></td>
<td><xsl:value-of select="titre" /></td>
<td><xsl:value-of select="rank" /></td>
</tr>
</xsl:for-each>
</table>
</div>
</xsl:for-each>
</div>
<div id="type" style="display:none; clear:both;">
<xsl:for-each select="/page/types/type">
<xsl:variable name="type" select="@id" />
<xsl:variable name="total" select="count(/page/members/member[class=/page/classes/class[@type=$type]])" />
<xsl:variable name="totlvl" select="sum(/page/members/member[class=/page/classes/class[@type=$type]]/niv)" />
<xsl:variable name="plural">
<xsl:if test="$total > 1" >s</xsl:if>
</xsl:variable>
<xsl:variable name="totdisp">
<xsl:if test="$total = 0" >Aucun</xsl:if>
<xsl:if test="$total > 0" ><xsl:value-of select="$total"/></xsl:if>
</xsl:variable>
<xsl:variable name="avglvl">
<xsl:if test="$total = 0" ></xsl:if>
<xsl:if test="$total > 0" > (<xsl:value-of select="format-number((1 div $totmember * $total),'#.00%')" /> - niveau moyen : <xsl:value-of select="round($totlvl div $total)" />)</xsl:if>
</xsl:variable>
<div>
<xsl:attribute name="style">
border-left:solid black 1px; padding-top:10px; padding-bottom:10px;
<xsl:if test="position()!=1">
border-top:solid black 1px;
</xsl:if>
</xsl:attribute>
<span onclick="switchDetail(this)" style="cursor:pointer;"> [ + ]</span>
<div style="display:inline;">
<xsl:value-of select="$totdisp" /> <xsl:value-of select="." /><xsl:value-of select="$plural" />
<xsl:value-of select="$avglvl" />
</div>
<table cellspacing="0" cellpadding="2" style="display:none; padding-top:10px;padding-left:10px;" id="typ-{$type}">
<tr style="font-weight:bold; background-color:#DDDDDD; cursor:default">
<td width="150" onClick="sort(this,0)">Nom</td>
<td width="100" onClick="sort(this,0)">Classe</td>
<td width="30" onClick="sort(this,1)">Niv.</td>
<td width="100" onClick="sort(this,0)">Artisanat</td>
<td width="20" onClick="sort(this,1)">Niv.</td>
<td width="150" onClick="sort(this,0)">Titre</td>
<td width="150" onClick="sort(this,0)">Rang</td>
</tr>
<xsl:for-each select="/page/classes/class[@type=$type]">
<xsl:variable name="class" select="." />
<xsl:for-each select="//member[class=$class]">
<xsl:sort select="name" />
<tr onMouseOver="this.style.backgroundColor='#DDDDDD';" onMouseOut="this.style.backgroundColor='transparent';">
<td><a href="http://vgplayers.station.sony.com/characters.vm?characterId={id}" target="_blank"><xsl:value-of select="name" /></a></td>
<td><xsl:value-of select="class" /></td>
<td><xsl:value-of select="niv" /></td>
<td><xsl:value-of select="art" /></td>
<td><xsl:value-of select="artniv" /></td>
<td><xsl:value-of select="titre" /></td>
<td><xsl:value-of select="rank" /></td>
</tr>
</xsl:for-each>
</xsl:for-each>
</table>
</div>
</xsl:for-each>
</div>
</div>
<br />
Cliquez sur une en-tête de colonne pour la trier<br />
<br />
<xsl:call-template name="footer"/>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
: je vois que ton fichier XLS assemble tes balises html et ton contenu xml, mais peux-tu en plus lier une feuille de style CSS dans ton code ?