How to add a World of Warcraft Reputation Calculator

GuildPortal admin site link to the original post

It appears that the "wowreputationcalculator.com" site is offline for good, so I switched this code to work with wowjuju.com's reputation calculator.

Code

Add this code to a Free Form Text/HTML widget in HTML mode.

<script type="text/javascript">
$(document).ready(function(){
 // Set Server Name and Location here
 var repCalcServerName = "Blade's Edge"; // Default Server name (case in-sensitive)
 var repCalcserverLoc  = "US"; // Default (EU, US, KR, TW or CN only)

 // Don't Change anything below
 // ***************************
 $('.repCalc')
  .find('.setServerName').val(repCalcServerName).end()
  .find('.setServer').val(repCalcserverLoc);
 $('.goURL').click(function(){
  var rc = $(this).closest('.repCalc'),
   pN = rc.find('.setPlayerName').val(),
   sN = rc.find('.setServerName').val(),
   lN = rc.find('.setServer').val();
   if (pN === '') { return; }
  // http://www.wowjuju.com/repcalc#LOC_SERVER_PLAYER
  window.location = 'http://www.wowjuju.com/repcalc#' + lN + '_' + sN + '_' + pN;
 });
});
</script>
<div class="repCalc">
 Name: <input class="setPlayerName" type="text"><br>
 Realm: <input class="setServerName" type="text">
 <select class="setServer">
  <option value="EU">EU</option>
  <option value="US">US</option>
  <option value="KR">KR</option>
  <option value="TW">TW</option>
  <option value="CN">CN</option>
 </select>
 <input class="goURL" value="GO!" type="button">
</div>

Customizing

• Change the "repCalcServerName" varible (in blue) to your server
• Change the "repCalcServerLoc" variable (in blue) to EU, US, KR, TW or CN. Then your guild member only needs to enter their name.

Edit (10/30/2008): Updated to disable the enter key in the input box. Fixed a problem that when this reputation calculator code is used with the search box code, it will go to the default search site after pressing enter.
Edit (1/31/2011): Updated the code and switched the calculator to wowjuju