Comparer les haremecs - HTML TABLE THEAD

<thead>
<tr class="normal" style="background-color: #962D92;">
<th style="width:40px; border-right: solid 1px black; padding:0px;">

<input type="button" id="btnGetCount" value="&#9818;" onclick = "CountRows()" />
<script type="text/javascript">
function isHidden(o) {
if (window.getComputedStyle) {
var cs = window.getComputedStyle;
return (isHidden = function(o) {
return 'none'==cs(o,null).getPropertyValue('display');
})(o);
}
else if (window.currentStyle) {
return(isHidden = function(o) {
return 'none'==o.currentStyle['display'];
})(o);
}
return (isHidden = function(o) {
return 'none'==o.style['display'];
})(o);
}
function CountRows() {
var totalRowCount = -1;
var rowCount = 0;
var table = document.getElementById("haremecs");
var rows = table.getElementsByTagName("tr")
for (var i = 0; i < rows.length; i++) {
totalRowCount++;
if ((rows[i].getElementsByTagName("td").length > 0) && (!isHidden(rows[i]))) {
rowCount++;
}
}
var message = "Nombre total de mecs : " + totalRowCount;
message += "\nMecs affichés : " + rowCount;
alert(message);
}
</script>

</th>
<th id="th-autosort" style="border-right: solid 1px black;" class="invisible table-sortable:numeric table-sortable table-sorted-asc">ID</th>
<th style="border-right: solid 1px black;" class="table-sortable:default table-sortable">
Nom<br/>
<input name="filter" size="5" onkeyup="Table.filter(this,this)" onclick="Table.cancelBubble(event)">
</th>
<th style="border-right: solid 1px black;" class="table-sortable:default table-sortable">
Rareté<br/>
<select onchange="Table.filter(this,this)" onclick="Table.cancelBubble(event)" class="table-autofilter">
<option value="">[Tous]</option>
<option value="Dép">Dép</option>
<option value="Com">Com</option>
<option value="Rare">Rare</option>
<option value="Epi">Epi</option>
<option value="Lég">Lég</option>
</select>
</th>
<th style="border-right: solid 1px black;" class="table-sortable:default table-sortable table-filterable">Spé.</th>
<th style="border-right: solid 1px black;" class="table-sortable:default table-sortable table-filterable">Pos.</th>
<th style="border-right: solid 1px black;" class="table-sortable:default table-sortable table-filterable">Astro.</th>
<th style="border-right: solid 1px black;" class="table-sortable:numeric table-sortable table-filterable"><img src="http://gayharem-fr.wikidot.com/local--files/template:gain-3/etoile-pleine.png" width="15px" height="15px" style="vertical-align: middle;" title="Etoiles max"/></th>
<th style="border-right: solid 1px black;" class="table-sortable:numeric table-sortable"><img src="https://gh.hh-content.com/caracs/hardcore.png" width="30px" height="30px" style="vertical-align: middle;" title="Hardcore"/></th>
<th style="border-right: solid 1px black;" class="table-sortable:numeric table-sortable"><img src="https://gh.hh-content.com/caracs/charm.png" width="30px" height="30px" style="vertical-align: middle;" title="Charme"/></th>
<th style="border-right: solid 1px black;" class="table-sortable:numeric table-sortable"><img src="https://gh.hh-content.com/caracs/knowhow.png" width="30px" height="30px" style="vertical-align: middle;" title="Savoir-Faire"/></th>
<th style="border-right: solid 1px black;" class="table-sortable:numeric table-sortable"><img src="https://gh.hh-content.com/caracs/damage.png" width="30px" height="30px" style="vertical-align: middle;" title="Attaque"/></th>
<th style="border-right: solid 1px black;" class="table-sortable:numeric table-sortable"><img src="https://gh.hh-content.com/caracs/ego.png" width="30px" height="30px" style="vertical-align: middle;" title="Ego"/></th>
<th style="border-right: solid 1px black;" class="table-sortable:numeric table-sortable"><img src="https://gh.hh-content.com/caracs/excitement.png" width="30px" height="30px" style="vertical-align: middle;" title="Excitation"/></th>
<th style="border-right: solid 1px black;" class="table-sortable:numeric table-sortable"><img src="http://gayharem-fr.wdfiles.com/local--files/template%3Aharemec/argent.png" width="30px" height="30px" style="vertical-align: middle;" title="Gains maximum"/><br/>max</th>
<th style="border-right: solid 1px black;" class="table-sortable:numeric table-sortable table-filterable"><img src="http://gayharem-fr.wdfiles.com/local--files/template%3Aharemec/argent.png" width="15px" height="15px" style="vertical-align: middle;" title="Gains par heure"/> / h</th>
<th style="border-right: solid 1px black;" class="table-sortable:alphanumeric table-sortable">
Lieu<br/>
<input name="filter" size="3" onkeyup="Table.filter(this,this)" onclick="Table.cancelBubble(event)">
</th>
</tr>
</thead>

Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License