mirror of
https://github.com/2009scape/2009scape.github.io.git
synced 2024-11-22 10:52:46 +01:00
Activity highscores templating
This commit is contained in:
downthecrop
parent
842e9679e7
commit
669fbda06c
@ -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 & 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> >
|
||||
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 © 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 &
|
||||
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>
|
||||
@ -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();
|
||||
Loading…
Reference in New Issue
Block a user