Mirrors/2009scape-website
1
0
Fork 0
mirror of https://github.com/2009scape/2009scape.github.io.git synced 2024-08-19 15:49:43 +02:00
Code Issues Projects Releases Wiki Activity

Activity highscores templating

Browse Source
This commit is contained in:
downthecrop 2021-09-19 02:47:40 -07:00
parent 842e9679e7
commit 669fbda06c
2 changed files with 573 additions and 758 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

919
services/m=hiscore/activity.html
View File

@ -1,552 +1,367 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- Mirrored from services/m=hiscore/hiscores.ws by HTTrack Website Copier/3.x [XR&CO'2010], Sun, 18 Jul 2010 08:59:40 GMT -->
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"><!-- /Added by HTTrack -->
<head>
<link rel="icon" type="image/vnd.microsoft.icon" href="../../site/favicon.ico">
<link rel="SHORTCUT ICON" href="../../site/favicon.ico">
<link rel="apple-touch-icon" href="../../site/img/mobile.png">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="
en,
English
">
<meta name="keywords" content="RSPS, Open Source, 2009scape, Osrs, Oldschool Runescape, Runescape, zezima">
<meta name="description"
content="2009scape - Bringing back the game from 2009 you love. Multiplayer and Free forever.">
<meta name="title" content="2009scape - Free Forever - Hiscores">
<title>2009scape - Free Forever - Hiscores</title>
<style type="text/css">
/*\*/
@import url(../../site/css/global-34.css);
/**/
</style>
<script type="text/javascript" src="../../www.jagex.com/js/jquery/jquery_1_3_2.js"></script>
<script type="text/javascript">
$(function () {
$("#play, #playExisting, #playBannerNoad").each(function () { this.href += "?j=1"; })
})
</script>
<style type="text/css">
/*\*/
@import url(../../site/css/hiscores-17.css);
/**/
.bodyBackgroundHeadAdvert{
background-image: url("../../site/img/2009img/main/skins/default/bg.jpg");
background-repeat: repeat-y;
}
.bodyBackground{
background-image: url("../../site/img/2009img/main/skins/default/bg.jpg");
background-repeat: repeat-y;
}
</style>
<meta name="ROBOTS" content="NOFOLLOW">
</head>
<body id="navcommunity" class="bodyBackground">
<a name="top"></a>
<div id="scroll">
<div id="head">
<div id="headBg">
<div id="headOrangeTop"></div>
<img id="banner" src="" alt="RuneScape">
<!--SCRIPT: MONTHLY BANNER-->
<script type="text/javascript">
document.getElementById("banner").src = `../../site/2009scape-resources/img/banners/${new Date().getMonth() + 1}.png`;
</script>
<div id="headImage"><a href="" id="logo_select"></a>
<div id="player_no"><span class="brandingColor">2009Scape</span>: a free &amp; open-source remake of 2009 era RuneScape</div>
</div>
<div id="headOrangeBottom"></div>
<!-- End of Banner -->
<div id="menubox">
<ul id="menus">
<li class="top"><a href="./../../index.html" id="home" class="tl"><span class="ts">Home</span></a></li>
<li class="top"><a id="play" class="tl"
href="https://github.com/2009scape/2009Scape/releases/latest/download/2009Scape.jar"
onclick="if(!this.j){this.href+='?j=1';this.j=true;}"><span class="ts">Play Now</span></a>
</li>
<li class="top"><a id="community" class="tl" href="./archives/archives.html"><span class="ts">Updates</span></a>
</li>
<li class="top"><a id="guide" class="tl" href="../../site/game_guide/manual.html"><span class="ts">Game
Guide</span></a>
<ul>
<li><a href="../../site/game_guide/manual.html" class="fly"><span>Browse the Game Guide</span></a></li>
<li><a href="../../site/game_guide/credits.html" class="fly"><span>The Credit System</span></a>
<li><a href="../../site/rules/rules.html" class="fly"><span>Our Rules</span></a></li>
<li><a href="../../site/game_guide/about2009scape.html" class="fly"><span>About 2009scape</span></a></li>
</ul>
</li>
<li class="top"><a id="help" class="tl" href="../../site/community/community.html"><span class="ts">Community</span></a>
<ul>
<li><a href="https://discord.com/invite/43YPGND" class="fly"><span>Discord Server</span> </a></li>
<li><a href="https://matrix.to/#/#09scape-general:matrix.org" class="fly"><span>Matrix Server</span> </a></li>
<li><a href="../m=hiscore/hiscores.html?world=2" class="fly"><span>Legacy Hiscores</span></a></li>
<li><a href="../../site/community/hall_of_fame.html" class="fly"><span>The Hall Of Fame</span></a>
<li><a href="../../site/community/staff.html" class="fly"><span>Meet the Staff</span></a>
<li><a href="../../site/community/contributors.html" class="fly"><span>To the Tributes!</span></a></li>
<li><a href="../../site/classicapplet/playclassic.html" class="fly"><span>Play Classic</span></a>
</ul>
</li>
<li class="top"><a id="help" class="tl" href="../../site/help_hub.html"><span class="ts">Help</span></a>
<ul>
<li><a href="../../site/faq.html" class="fly"><span>Frequently Asked Questions</span></a>
</ul>
</li>
<li class="top"><a id="login" class="tl" href="https://github.com/2009scape" rel="noopener noreferrer" target="_blank"><span class="ts">Source Code</span></a>
<ul>
<li><li><a href="https://gitlab.com/2009scape/2009scape" rel="noopener noreferrer" target="_blank" class="fly"><span>Game Source Code</span></a></li>
<li><a href="https://github.com/2009scape/2009Scape.github.io" rel="noopener noreferrer" target="_blank" class="fly"><span>Website Source Code</span></a>
</ul>
</li>
</ul>
<br class="clear" />
</div>
<div class="navigation">
<div class="location">
<b>Location: </b> <a href="../../index.html">Home</a> &gt;
Hiscores
</div>
</div>
</div>
</div>
<div id="content">
<div id="article">
<div class="sectionHeader">
<div class="left">
<div class="right">
<h1 class="plaque">
<span id="worldplaqueid"></span>
</h1>
</div>
</div>
</div>
<div class="section">
<!--[if lt IE 6]>
<style type="text/css">
#skillsList_back {
width: 173px;
}
#skillsList ul li a:hover {
height: 19px;
}
#skillsList ul li a {
height: 19px;
}
#playerList_back {
width: 381px;
}
.table_back tr {
color: #f9deb3;
}
.table_back th {
color: white;
}
.table_back {
text-align: center;
}
#PlayerSkill_back {
width: 363px;
}
#mini_player, #skill_player {
width: 353px;
}
#scores_head {
padding-top: 5px;
}
#compare_header {
padding-top: 6px;
}
</style>
<![endif]-->
<div class="brown_background">
<div id="hiscores_background" class="inner_brown_background">
<div id="skillsList_back" class="brown_box">
<div class="subsectionHeader">Activities</div>
<div id="skillsList">
<ul>
<li style="background-color:#4c350a">
<a href="./activity.html" class=" Overall ico">
Skilling
</a>
</li>
<li>
<a href="./activity.html" class=" Slayer ico">
Combat
</a>
</li>
<li>
<a href="./activity.html" class=" Summoning ico">
Miscellaneous
</a>
</li>
</ul>
</div>
</div>
<div id="modeSelect_back" class="brown_box">
<div class="buttons">
<a id="button-left" href="./hiscores.html">
<span class="lev1a"></span>
Skills
</a>
<a id="button-right" href="./activity.html">
<span class="lev1"></span>
Activities
</a>
</div>
</div>
<div id="playerList_back" class="brown_box">
<div id="scores_head" class="subsectionHeader" style="padding: 0px;">
<img id="scores_head_icon" style="margin-top: 3px;" class="miniimg_list" id="image_caption"
src="../../site/img/hiscores/skill_icon_overall1eccb.gif" alt="Skill Icon">
<span id="scores_head_skill">Skilling</span>
Activites
</div>
<table class="table_back">
<tbody id="hiscores_table">
<thead>
<tr class="table_header">
<th class="rankHead" style="width: 65px;">Activity</th>
<th class="nameHead" style="width: 186px; text-align: center;">Name</th>
<th class="levelHead" style="width: 95px;">Amount</th>
</tr>
</thead>
<tr class="row row1">
<td class="rankCol">1</td>
<td class="alL"><a href="./hiscores.html"></a>Loading..</td>
<td class="alL">0</td>
</tr>
<tr class="row row2">
<td class="rankCol">2</td>
<td class="alL"><a href="./hiscores.html"></a></td>
<td class="alL">0</td>
</tr>
<tr class="row row3">
<td class="rankCol">3</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row4">
<td class="rankCol">4</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row5">
<td class="rankCol">5</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row6">
<td class="rankCol">6</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row7">
<td class="rankCol">7</td>
<td class="alL"><a href="./hiscores.html"></a></td>
<td class="alL">0</td>
</tr>
<tr class="row row8">
<td class="rankCol">8</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row9">
<td class="rankCol">9</td>
<td class="alL"><a href="./hiscores.html"></a></td>
<td class="alL">0</td>
</tr>
<tr class="row row10">
<td class="rankCol">10</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row11">
<td class="rankCol">11</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row12">
<td class="rankCol">12</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row13">
<td class="rankCol">13</td>
<td class="alL"><a href="./hiscores.html"></a></td>
<td class="alL">0</td>
</tr>
<tr class="row row14">
<td class="rankCol">14</td>
<td class="alL"><a href="./hiscores.html"></a></td>
<td class="alL">0</td>
</tr>
<tr class="row row15">
<td class="rankCol">15</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row16">
<td class="rankCol">16</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row17">
<td class="rankCol">17</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row18">
<td class="rankCol">18</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row19">
<td class="rankCol">19</td>
<td class="alL"><a href="./hiscores.html"></a></td>
<td class="alL">0</td>
</tr>
<tr class="row row20">
<td class="rankCol">20</td>
<td class="alL"><a href="./hiscores.html"></a>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row21">
<td class="rankCol">21</td>
<td class="alL"><a href="./hiscores.html"></a></td>
<td class="alL">0</td>
</tr>
<tr class="row row22">
<td class="rankCol">22</td>
<td class="alL"><a href="./hiscores.html"></a></td>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row23">
<td class="rankCol">22</td>
<td class="alL"><a href="./hiscores.html"></a></td>
</td>
<td class="alL">0</td>
</tr>
<tr class="row row24" id="lastRow">
<td class="rankCol">22</td>
<td class="alL"><a href="./hiscores.html"></a></td>
</td>
<td class="alL">0</td>
</tr>
</tbody>
</table>
<div class="arrow_header"></div>
<div class="arrow_back">
<div class="buttons_arrows">
<a id="button-up" href="./hiscores.html">
<span class="lev1_arrow"></span>
U
</a>
<a id="button-down" href="./hiscores.html">
<span class="lev1_arrow"></span>
D
</a>
</div>
</div>
</div>
<div id="search_back" class="brown_box">
<div class="subsectionHeader search_title">Search by Name</div>
<div class="search_small">
<form action="./activity.html" method="post" class="no_margin">
<input id="search_name" class="textinput text" maxlength="12" type="text" name="user1" value="">
<input id="search_button" type="submit" name="submit" class="buttonmedium" value="Search">
</form>
</div>
<div class="subsectionHeader search_title">Search by rank</div>
<div class="search_small">
<form action="./activity.html" method="post" class="no_margin">
<input id="search_rank" class="textinput text" maxlength="12" type="text" name="rank" value="">
<input type="hidden" name="table" value="0">
<input type="hidden" name="category_type" value="0">
<input id="search_rank_submit" type="submit" name="submit" class="buttonmedium" value="Search">
</form>
</div>
<div class="subsectionHeader search_title">Filter</div>
<div id="filter_div" class="search_tiny_bit_more_large" style="height: 110px;">
<form action="./activity.html" method="post" class="no_margin">
<div id="remember">
<label for="rem">
<table class="center" style="margin: 0 auto; padding-top: 6px; padding-bottom: 12px;">
<tr>
<td>
<span style="white-space: nowrap;">
<img src="../../site/img/osrsimg/ironman.png"
style="height: 11px; padding-right: 30px;">
<label class="control control-checkbox">
<input type="checkbox" name="check_iron" id="check_iron" value="1" class="checkbox"
style="pointer-events: none;" />
<div class="control_indicator"></div>
</label>
</span>
</td>
<td>
<span style="white-space: nowrap;">
<img src="../../site/img/osrsimg/ultimateironman.png"
style="height: 11px; padding-right: 25px;">
<label class="control control-checkbox">
<input type="checkbox" name="check_ultiron" id="check_ultiron" value="1"
class="checkbox" style="pointer-events: none;" />
<div class="control_indicator"></div>
</label>
</span>
</td>
<td>
<span style="white-space: nowrap;">
<img src="../../site/img/osrsimg/hcim.png" style="height: 11px; padding-right: 25px;">
<label class="control control-checkbox">
<input type="checkbox" name="check_hciron" id="check_hciron" value="1"
class="checkbox" style="pointer-events: none;" />
<div class="control_indicator"></div>
</label>
</span>
</td>
</tr>
</table>
<table class="center" style="margin: 0 auto;">
<tr>
<td>
<input class="nonBlueInputSlider" id="maxXP" type="range" min="1" max="20" value="20"
step="0.5"
oninput="this.nextElementSibling.nextElementSibling.value = this.value % 1 != 0 ? this.value : this.value + '.0'">
<br>
Max XP Rate: <output id="maxXPoutput">20</output>
</td>
</tr>
</table>
</label>
</div>
<input id="filter_submit" type="submit" name="submit" class="buttonmedium" value="Filter"
style="margin-top: 2px;">
<div id="filter_clear_div">
</div>
</form>
</div>
<div class="subsectionHeader search_title">Legend</div>
<div class="search_custom_large" id="friends_search">
<div class="friendsContent" style="padding-top: 8px;">
<img src="../../site/img/osrsimg/ironman.png" style="height: 11px;"> Ironman
<br>
<img src="../../site/img/osrsimg/ultimateironman.png" style="height: 11px"> Ultimate Ironman
<br>
<img src="../../site/img/osrsimg/hcim.png" style="height: 11px"> Hardcore Ironman
<br>
<span style="color: #4c350a;">---</span>
<br>
<span style="color: rgba(0, 0, 0, 0.6);"><b>5.0x = XP Rate</b></span>
<br>
<span id="worldxprate">World 1 default XP rate: 1x</span>
<br>
</div>
</div>
</div>
<br style="clear:both" />
<div style="width: 100%; text-align: center; padding-top: 6px;">
<span id="total_xp"
style="display: inline-block; color: rgba(211, 200, 163, 0.9); font-weight: bold; opacity: 0; transition: opacity 2s; -webkit-transition: opacity 2s;">
Loading..
</span>
</div>
</div>
</div>
</div>
</div>
<br class="clear" />
</div>
<div id="footer">
<div class="contain">
<div class="footerdesc">
Copyright &copy; 2021 under AGPL. <strong>2009Scape is not affiliated with RuneScape or Jagex Ltd.</strong><br />
Use of our Game's source code is subject to our <a href="./site/terms/terms.html">Terms &amp;
Conditions</a> and <a href="./site/privacy/privacy.html">Privacy Policy</a>.<br />
</div>
<a class="jagexlink" href="" target="_blank">
<img src="./../../site/2009scape-resources/img/branding/logo-footer-dark.png" alt="2009Scape" />
</a>
</div>
</div>
</div>
<script type="text/javascript">
try {
var _pageTracker = _gat._getTracker("UA-2058817-15");
_pageTracker._setDomainName(".2009scape.org");
_pageTracker._trackPageview();
} catch (x) { }
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-2058817-2");
pageTracker._setDomainName(".2009scape.org");
pageTracker._trackPageview();
} catch (x) { }
</script>
</body>
<!-- Mirrored from services/m=hiscore/hiscores.ws by HTTrack Website Copier/3.x [XR&CO'2010], Sun, 18 Jul 2010 08:59:40 GMT -->
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"><!-- /Added by HTTrack -->
<script type="text/javascript" src="./helpers.js"></script>
<script type="text/javascript" src="./activity.js"></script>
</html>
---
title: Hiscores
tag: highscores
layout: hiscore
---
<script type="text/javascript" src="./jquery-1.3.2.min.js"></script>
<div id="content">
<div id="article">
<div class="sectionHeader">
<div class="left">
<div class="right">
<h1 class="plaque">
<span id="worldplaqueid">World 1 Hiscores</span>
</h1>
</div>
</div>
</div>
<div class="section">
<!--[if lt IE 6]>
<style type="text/css">
#skillsList_back {
width: 173px;
}
#skillsList ul li a:hover {
height: 19px;
}
#skillsList ul li a {
height: 19px;
}
#playerList_back {
width: 381px;
}
.table_back tr {
color: #f9deb3;
}
.table_back th {
color: white;
}
.table_back {
text-align: center;
}
#PlayerSkill_back {
width: 363px;
}
#mini_player, #skill_player {
width: 353px;
}
#scores_head {
padding-top: 5px;
}
#compare_header {
padding-top: 6px;
}
</style>
<![endif]-->
<div class="brown_background">
<div id="hiscores_background" class="inner_brown_background">
<div id="skillsList_back" class="brown_box">
<div class="subsectionHeader">Activities</div>
<div id="skillsList">
<ul>
<li style="background-color:#4c350a">
<a href="./activity.html" class=" Overall ico">
Skilling
</a>
</li>
<li>
<a href="./activity.html" class=" Slayer ico">
Combat
</a>
</li>
<li>
<a href="./activity.html" class=" Summoning ico">
Miscellaneous
</a>
</li>
</ul>
</div>
</div>
<div id="modeSelect_back" class="brown_box">
<div class="buttons">
<a id="button-left" href="./hiscores.html">
<span class="lev1a"></span>
Skills
</a>
<a id="button-right" href="./activity.html">
<span class="lev1"></span>
Activities
</a>
</div>
</div>
<div id="playerList_back" class="brown_box">
<div id="scores_head" class="subsectionHeader" style="padding: 0px;">
<img id="scores_head_icon" style="margin-top: 3px;" class="miniimg_list" src="../../site/img/hiscores/skill_icon_overall1eccb.gif" alt="Skill Icon">
<span id="scores_head_skill">Combat</span>
Activites
</div>
<table class="table_back">
<tbody id="hiscores_table">
</tbody><thead>
<tr class="table_header">
<th class="rankHead" style="width: 65px;">Activity</th>
<th class="nameHead" style="width: 186px; text-align: center;">Name</th>
<th class="levelHead" style="width: 95px;">Amount</th>
</tr>
</thead>
<tbody><tr class="row row1">
<td class="rankCol">1</td>
<td class="alL">Total Slayer Tasks Completed</td>
<td class="alL">1,021</td>
</tr>
<tr class="row row2">
<td class="rankCol">2</td>
<td class="alL">Total Enemies Killed</td>
<td class="alL">100,381</td>
</tr>
<tr class="row row3">
<td class="rankCol">3</td>
<td class="alL">Total Deaths</td>
<td class="alL">400</td>
</tr>
<tr class="row row4">
<td class="rankCol">4</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row5">
<td class="rankCol">5</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row6">
<td class="rankCol">6</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row7">
<td class="rankCol">7</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row8">
<td class="rankCol">8</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row9">
<td class="rankCol">9</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row10">
<td class="rankCol">10</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row11">
<td class="rankCol">11</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row12">
<td class="rankCol">12</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row13">
<td class="rankCol">13</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row14">
<td class="rankCol">14</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row15">
<td class="rankCol">15</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row16">
<td class="rankCol">16</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row17">
<td class="rankCol">17</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row18">
<td class="rankCol">18</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row19">
<td class="rankCol">19</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row20">
<td class="rankCol">20</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row21">
<td class="rankCol">21</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row22">
<td class="rankCol">22</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row23">
<td class="rankCol">23</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
<tr class="row row24" id="lastRow">
<td class="rankCol">24</td>
<td class="alL"></td>
<td class="alL"></td>
</tr>
</tbody>
</table>
<div class="arrow_header"></div>
<div class="arrow_back">
<div class="buttons_arrows">
<a id="button-up" href="./hiscores.html">
<span class="lev1_arrow"></span>
U
</a>
<a id="button-down" href="./hiscores.html">
<span class="lev1_arrow"></span>
D
</a>
</div>
</div>
</div>
<div id="search_back" class="brown_box">
<div class="subsectionHeader search_title">Search by Name</div>
<div class="search_small">
<form action="./activity.html" method="post" class="no_margin">
<input id="search_name" class="textinput text" maxlength="12" type="text" name="user1" value="">
<input id="search_button" type="submit" name="submit" class="buttonmedium" value="Search">
</form>
</div>
<div class="subsectionHeader search_title">Search by rank</div>
<div class="search_small">
<form action="./activity.html" method="post" class="no_margin">
<input id="search_rank" class="textinput text" maxlength="12" type="text" name="rank" value="">
<input type="hidden" name="table" value="0">
<input type="hidden" name="category_type" value="0">
<input id="search_rank_submit" type="submit" name="submit" class="buttonmedium" value="Search">
</form>
</div>
<div class="subsectionHeader search_title">Filter</div>
<div id="filter_div" class="search_tiny_bit_more_large" style="height: 110px;">
<form action="./activity.html" method="post" class="no_margin">
<div id="remember">
<label for="rem">
<table class="center" style="margin: 0 auto; padding-top: 6px; padding-bottom: 12px;">
<tbody><tr>
<td>
<span style="white-space: nowrap;">
<img src="../../site/img/osrsimg/ironman.png" style="height: 11px; padding-right: 30px;">
<label class="control control-checkbox">
<input type="checkbox" name="check_iron" id="check_iron" value="1" class="checkbox" style="pointer-events: none;">
<div class="control_indicator"></div>
</label>
</span>
</td>
<td>
<span style="white-space: nowrap;">
<img src="../../site/img/osrsimg/ultimateironman.png" style="height: 11px; padding-right: 25px;">
<label class="control control-checkbox">
<input type="checkbox" name="check_ultiron" id="check_ultiron" value="1" class="checkbox" style="pointer-events: none;">
<div class="control_indicator"></div>
</label>
</span>
</td>
<td>
<span style="white-space: nowrap;">
<img src="../../site/img/osrsimg/hcim.png" style="height: 11px; padding-right: 25px;">
<label class="control control-checkbox">
<input type="checkbox" name="check_hciron" id="check_hciron" value="1" class="checkbox" style="pointer-events: none;">
<div class="control_indicator"></div>
</label>
</span>
</td>
</tr>
</tbody></table>
<table class="center" style="margin: 0 auto;">
<tbody><tr>
<td>
<input class="nonBlueInputSlider" id="maxXP" type="range" min="1" max="20" value="20" step="0.5" oninput="this.nextElementSibling.nextElementSibling.value = this.value % 1 != 0 ? this.value : this.value + '.0'">
<br>
Max XP Rate: <output id="maxXPoutput">20</output>
</td>
</tr>
</tbody></table>
</label>
</div>
<input id="filter_submit" type="submit" name="submit" class="buttonmedium" value="Filter" style="margin-top: 2px;">
<div id="filter_clear_div"></div>
</form>
</div>
<div class="subsectionHeader search_title">Legend</div>
<div class="search_custom_large" id="friends_search">
<div class="friendsContent" style="padding-top: 8px;">
<img src="../../site/img/osrsimg/ironman.png" style="height: 11px;"> Ironman
<br>
<img src="../../site/img/osrsimg/ultimateironman.png" style="height: 11px"> Ultimate Ironman
<br>
<img src="../../site/img/osrsimg/hcim.png" style="height: 11px"> Hardcore Ironman
<br>
<span style="color: #4c350a;">---</span>
<br>
<span style="color: rgba(0, 0, 0, 0.6);"><b>5.0x = XP Rate</b></span>
<br>
<span id="worldxprate">World 1 default XP rate: 1x</span>
<br>
</div>
</div>
</div>
<br style="clear:both">
<div style="width: 100%; text-align: center; padding-top: 6px;">
<span id="total_xp" style="display: inline-block; color: rgba(211, 200, 163, 0.9); font-weight: bold; opacity: 1; transition: opacity 2s ease 0s;">Server Total XP: 3,535,829,635</span>
</div>
</div>
</div>
</div>
</div>
<br class="clear">
</div>
<!-- Mirrored from services/m=hiscore/hiscores.ws by HTTrack Website Copier/3.x [XR&CO'2010], Sun, 18 Jul 2010 08:59:40 GMT -->
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<!-- /Added by HTTrack -->
<script type="text/javascript">
try {
var _pageTracker = _gat._getTracker("UA-2058817-15");
_pageTracker._setDomainName(".2009scape.org");
_pageTracker._trackPageview();
} catch (x) { }
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-2058817-2");
pageTracker._setDomainName(".2009scape.org");
pageTracker._trackPageview();
} catch (x) { }
</script>
<script type="text/javascript" src="./helpers.js"></script>
<script type="text/javascript" src="./activity.js"></script>

412
services/m=hiscore/hiscores.js
View File

@ -1,207 +1,207 @@
var hiscores = hiscores || {};
hiscores.loadDefaultHSTable = () => {
fetch(`${hiscores.apiURL}/hiscores/playersByTotal/${hiscores.world}`)
.then(response => response.json())
.then(result => {
result = hiscores.filter(result);
hiscores.tableData = result;
hiscores.defaultTableData = result;
hiscores.populateDefaultHSTable();
})
.catch(error => console.log('error', error));
}
hiscores.populateDefaultHSTable = () => {
for (let i = 1; i <= 24; i++) {
row = document.getElementsByClassName(`row row${i}`)[0];
const playerData = hiscores.tableData[i + 24 * hiscores.page - 1];
row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol";
row.childNodes[1].innerHTML = i + 24 * hiscores.page;
row.childNodes[3].replaceWith(document.createElement("td"));
row.childNodes[3].className = "alL";
row.childNodes[3].innerHTML = `<a href="./hiscores.html${playerData ? "?player=" + playerData.username : ""}${hiscores.getFiltersAsURLparams()}">${playerData ? hiscores.formatName(playerData.username, playerData.iron_mode, playerData.exp_multiplier) : ""}</a>`;
row.childNodes[5].replaceWith(document.createElement("td"));
row.childNodes[5].className = "alL";
row.childNodes[5].innerHTML = playerData ? playerData.level : "";
row.childNodes[7].replaceWith(document.createElement("td"));
row.childNodes[7].className = "alL";
row.childNodes[7].innerHTML = playerData ? Math.floor(playerData.xp).toLocaleString() : "";
}
}
hiscores.loadUserTable = (username) => {
username = username.split("%20").join(" ");
fetch(`${hiscores.apiURL}/hiscores/playerSkills/${hiscores.world}/${username.toLowerCase()}`)
.then(response => response.json())
.then(result => {
document.getElementById('search_name').style.color = 'black';
hiscores.tableData = result.skills;
hiscores.tableInfo = result.info;
hiscores.populatePlayerHSTable();
hiscores.setHeadSkillText(hiscores.formatName(username, 0, result.info.exp_multiplier, true));
})
.then(() => {
// Now get the player ranks (done seperately)
fetch(`${hiscores.apiURL}/hiscores/rankedMap/${hiscores.world}`)
.then(response => response.json())
.then(result => {
hiscores.populatePlayerRanks(username, result);
})
})
.catch(error => {
document.getElementById('search_name').style.color = 'red';
document.getElementById('search_name').value = 'Player not found!';
console.log('error', error);
});
}
hiscores.populatePlayerHSTable = () => {
switch (Number(hiscores.tableInfo.iron_mode)) {
case 1:
hiscores.setHeadSkillIcon("../../site/img/osrsimg/ironman.png");
break;
case 2:
hiscores.setHeadSkillIcon("../../site/img/osrsimg/hcim.png");
break;
case 3:
hiscores.setHeadSkillIcon("../../site/img/osrsimg/ultimateironman.png");
break;
default:
hiscores.setHeadSkillIcon("Constitution");
}
for (let i = 1; i <= 24; i++) {
row = document.getElementsByClassName(`row row${i}`)[0];
row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol";
row.childNodes[1].innerHTML = "";
row.childNodes[3].replaceWith(document.createElement("td"));
row.childNodes[3].className = "alL";
row.childNodes[3].innerHTML = `<a href="./hiscores.html?skill=${i - 1}${hiscores.getFiltersAsURLparams()}">${hiscores.sName[i - 1]}</a>`;
row.childNodes[5].replaceWith(document.createElement("td"));
row.childNodes[5].className = "alL";
row.childNodes[5].innerHTML = hiscores.tableData[i - 1].static;
row.childNodes[7].replaceWith(document.createElement("td"));
row.childNodes[7].className = "alL";
row.childNodes[7].innerHTML = Math.floor(hiscores.tableData[i - 1].experience).toLocaleString();
}
}
hiscores.populatePlayerRanks = (username, result) => {
username = username.split(" ").join("_");
for (let i = 1; i <= 24; i++) {
result[i - 1] = hiscores.filter(result[i - 1]);
row = document.getElementsByClassName(`row row${i}`)[0];
row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol";
let rank = (result[i - 1].findIndex(player => player.username.toLowerCase() === username.toLowerCase()) + 1)
row.childNodes[1].innerHTML = rank ? rank : `<span style="color: rgba(158, 144, 47, 0.5);">Unranked</span>`;
}
}
hiscores.loadSkillTable = (skillId) => {
fetch(`${hiscores.apiURL}/hiscores/playersBySkill/${hiscores.world}/${skillId}`)
.then(response => response.json())
.then(result => {
result = hiscores.filter(result);
hiscores.tableData = result;
hiscores.currentSkillId = skillId;
hiscores.populateSkillHSTable();
})
.catch(error => console.log('error', error));
}
hiscores.populateSkillHSTable = () => {
hiscores.setHeadSkillText(hiscores.sName[hiscores.currentSkillId]);
hiscores.setHeadSkillIcon(hiscores.sName[hiscores.currentSkillId]);
for (let i = 1; i <= 24; i++) {
row = document.getElementsByClassName(`row row${i}`)[0];
const playerData = hiscores.tableData[i + 24 * hiscores.page - 1];
row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol";
row.childNodes[1].innerHTML = i + 24 * hiscores.page;
row.childNodes[3].replaceWith(document.createElement("td"));
row.childNodes[3].className = "alL";
row.childNodes[3].innerHTML = `<a href="./hiscores.html?player=${playerData.username}${hiscores.getFiltersAsURLparams()}">${playerData ? hiscores.formatName(playerData.username, playerData.iron_mode, playerData.exp_multiplier) : ""}</a>`;
row.childNodes[5].replaceWith(document.createElement("td"));
row.childNodes[5].className = "alL";
row.childNodes[5].innerHTML = playerData ? playerData.level : "";
row.childNodes[7].replaceWith(document.createElement("td"));
row.childNodes[7].className = "alL";
row.childNodes[7].innerHTML = playerData ? Math.floor(playerData.xp).toLocaleString() : "";
}
}
/**
* In URL ?player=guthix, passing param "player" will return "guthix"
* In same example, passing param "page" will return null
*/
function getParam(param) {
param = window.location.search.split("?").find(p => {
return p.startsWith(`${param}`);
})
return param ? param.split("=")[1] : null;
}
if (getParam("world")) {
hiscores.world = Number(getParam("world"));
}
if (getParam("page")) {
hiscores.page = Number(getParam("page"));
}
if (getParam("skill")) {
hiscores.loadSkillTable(getParam("skill"));
} else if (getParam("player")) {
hiscores.loadUserTable(getParam("player"));
} else {
hiscores.loadDefaultHSTable();
}
if (getParam("iron")) {
document.getElementById('check_iron').checked = getParam("iron") === "true";
document.getElementById("filter_submit").value = "Filter";
document.getElementById("filter_div").style.height = "134px";
// Add disable button
document.getElementById("filter_clear_div").innerHTML = `<input id="filter_clear" type="submit" name="submit" class="buttonmedium" value="Clear" style="margin-top: 2px;">`
} else {
document.getElementById("filter_clear_div").innerHTML = "";
// Change width to 134 minus button size
document.getElementById("filter_div").style.height = "110px";
}
if (getParam("ultiron")) {
document.getElementById('check_ultiron').checked = getParam("ultiron") === "true";
}
if (getParam("hciron")) {
document.getElementById('check_hciron').checked = getParam("hciron") === "true";
}
if (getParam("maxXP")) {
document.getElementById('maxXP').value = getParam("maxXP");
document.getElementById('maxXPoutput').innerHTML = getParam("maxXP");
}
hiscores.initializePageArrows();
hiscores.initalizeRightsideButtons();
hiscores.linkLeftTabSkillNames();
hiscores.changePlaqueWorld();
hiscores.updateLegendText();
var hiscores = hiscores || {};
hiscores.loadDefaultHSTable = () => {
fetch(`${hiscores.apiURL}/hiscores/playersByTotal/${hiscores.world}`)
.then(response => response.json())
.then(result => {
result = hiscores.filter(result);
hiscores.tableData = result;
hiscores.defaultTableData = result;
hiscores.populateDefaultHSTable();
})
.catch(error => console.log('error', error));
}
hiscores.populateDefaultHSTable = () => {
for (let i = 1; i <= 24; i++) {
row = document.getElementsByClassName(`row row${i}`)[0];
const playerData = hiscores.tableData[i + 24 * hiscores.page - 1];
row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol";
row.childNodes[1].innerHTML = i + 24 * hiscores.page;
row.childNodes[3].replaceWith(document.createElement("td"));
row.childNodes[3].className = "alL";
row.childNodes[3].innerHTML = `<a href="./hiscores.html${playerData ? "?player=" + playerData.username : ""}${hiscores.getFiltersAsURLparams()}">${playerData ? hiscores.formatName(playerData.username, playerData.iron_mode, playerData.exp_multiplier) : ""}</a>`;
row.childNodes[5].replaceWith(document.createElement("td"));
row.childNodes[5].className = "alL";
row.childNodes[5].innerHTML = playerData ? playerData.level : "";
row.childNodes[7].replaceWith(document.createElement("td"));
row.childNodes[7].className = "alL";
row.childNodes[7].innerHTML = playerData ? Math.floor(playerData.xp).toLocaleString() : "";
}
}
hiscores.loadUserTable = (username) => {
username = username.split("%20").join(" ");
fetch(`${hiscores.apiURL}/hiscores/playerSkills/${hiscores.world}/${username.toLowerCase()}`)
.then(response => response.json())
.then(result => {
document.getElementById('search_name').style.color = 'black';
hiscores.tableData = result.skills;
hiscores.tableInfo = result.info;
hiscores.populatePlayerHSTable();
hiscores.setHeadSkillText(hiscores.formatName(username, 0, result.info.exp_multiplier, true));
})
.then(() => {
// Now get the player ranks (done seperately)
fetch(`${hiscores.apiURL}/hiscores/rankedMap/${hiscores.world}`)
.then(response => response.json())
.then(result => {
hiscores.populatePlayerRanks(username, result);
})
})
.catch(error => {
document.getElementById('search_name').style.color = 'red';
document.getElementById('search_name').value = 'Player not found!';
console.log('error', error);
});
}
hiscores.populatePlayerHSTable = () => {
switch (Number(hiscores.tableInfo.iron_mode)) {
case 1:
hiscores.setHeadSkillIcon("../../site/img/osrsimg/ironman.png");
break;
case 2:
hiscores.setHeadSkillIcon("../../site/img/osrsimg/hcim.png");
break;
case 3:
hiscores.setHeadSkillIcon("../../site/img/osrsimg/ultimateironman.png");
break;
default:
hiscores.setHeadSkillIcon("Constitution");
}
for (let i = 1; i <= 24; i++) {
row = document.getElementsByClassName(`row row${i}`)[0];
row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol";
row.childNodes[1].innerHTML = "";
row.childNodes[3].replaceWith(document.createElement("td"));
row.childNodes[3].className = "alL";
row.childNodes[3].innerHTML = `<a href="./hiscores.html?skill=${i - 1}${hiscores.getFiltersAsURLparams()}">${hiscores.sName[i - 1]}</a>`;
row.childNodes[5].replaceWith(document.createElement("td"));
row.childNodes[5].className = "alL";
row.childNodes[5].innerHTML = hiscores.tableData[i - 1].static;
row.childNodes[7].replaceWith(document.createElement("td"));
row.childNodes[7].className = "alL";
row.childNodes[7].innerHTML = Math.floor(hiscores.tableData[i - 1].experience).toLocaleString();
}
}
hiscores.populatePlayerRanks = (username, result) => {
username = username.split(" ").join("_");
for (let i = 1; i <= 24; i++) {
result[i - 1] = hiscores.filter(result[i - 1]);
row = document.getElementsByClassName(`row row${i}`)[0];
row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol";
let rank = (result[i - 1].findIndex(player => player.username.toLowerCase() === username.toLowerCase()) + 1)
row.childNodes[1].innerHTML = rank ? rank : `<span style="color: rgba(158, 144, 47, 0.5);">Unranked</span>`;
}
}
hiscores.loadSkillTable = (skillId) => {
fetch(`${hiscores.apiURL}/hiscores/playersBySkill/${hiscores.world}/${skillId}`)
.then(response => response.json())
.then(result => {
result = hiscores.filter(result);
hiscores.tableData = result;
hiscores.currentSkillId = skillId;
hiscores.populateSkillHSTable();
})
.catch(error => console.log('error', error));
}
hiscores.populateSkillHSTable = () => {
hiscores.setHeadSkillText(hiscores.sName[hiscores.currentSkillId]);
hiscores.setHeadSkillIcon(hiscores.sName[hiscores.currentSkillId]);
for (let i = 1; i <= 24; i++) {
row = document.getElementsByClassName(`row row${i}`)[0];
const playerData = hiscores.tableData[i + 24 * hiscores.page - 1];
row.childNodes[1].replaceWith(document.createElement("td"));
row.childNodes[1].className = "rankCol";
row.childNodes[1].innerHTML = i + 24 * hiscores.page;
row.childNodes[3].replaceWith(document.createElement("td"));
row.childNodes[3].className = "alL";
row.childNodes[3].innerHTML = `<a href="./hiscores.html?player=${playerData.username}${hiscores.getFiltersAsURLparams()}">${playerData ? hiscores.formatName(playerData.username, playerData.iron_mode, playerData.exp_multiplier) : ""}</a>`;
row.childNodes[5].replaceWith(document.createElement("td"));
row.childNodes[5].className = "alL";
row.childNodes[5].innerHTML = playerData ? playerData.level : "";
row.childNodes[7].replaceWith(document.createElement("td"));
row.childNodes[7].className = "alL";
row.childNodes[7].innerHTML = playerData ? Math.floor(playerData.xp).toLocaleString() : "";
}
}
/**
* In URL ?player=guthix, passing param "player" will return "guthix"
* In same example, passing param "page" will return null
*/
function getParam(param) {
param = window.location.search.split("?").find(p => {
return p.startsWith(`${param}`);
})
return param ? param.split("=")[1] : null;
}
if (getParam("world")) {
hiscores.world = Number(getParam("world"));
}
if (getParam("page")) {
hiscores.page = Number(getParam("page"));
}
if (getParam("skill")) {
hiscores.loadSkillTable(getParam("skill"));
} else if (getParam("player")) {
hiscores.loadUserTable(getParam("player"));
} else {
hiscores.loadDefaultHSTable();
}
if (getParam("iron")) {
document.getElementById('check_iron').checked = getParam("iron") === "true";
document.getElementById("filter_submit").value = "Filter";
document.getElementById("filter_div").style.height = "134px";
// Add disable button
document.getElementById("filter_clear_div").innerHTML = `<input id="filter_clear" type="submit" name="submit" class="buttonmedium" value="Clear" style="margin-top: 2px;">`
} else {
document.getElementById("filter_clear_div").innerHTML = "";
// Change width to 134 minus button size
document.getElementById("filter_div").style.height = "110px";
}
if (getParam("ultiron")) {
document.getElementById('check_ultiron').checked = getParam("ultiron") === "true";
}
if (getParam("hciron")) {
document.getElementById('check_hciron').checked = getParam("hciron") === "true";
}
if (getParam("maxXP")) {
document.getElementById('maxXP').value = getParam("maxXP");
document.getElementById('maxXPoutput').innerHTML = getParam("maxXP");
}
hiscores.initializePageArrows();
hiscores.initalizeRightsideButtons();
hiscores.linkLeftTabSkillNames();
hiscores.changePlaqueWorld();
hiscores.updateLegendText();
hiscores.addSkillsAndActivityFilters();