Hi, i don't know what happen in the code.
I have this JScript:
changeLanguage: function(target) {
var rel = target.split('-'),
region = rel[3],
game = rel[1],
client = rel[2],
lang = rel[4],
ver = rel[1], //not sure...
name = $('#' + target).text(),
id = game + '-' + client + '-' + region;
// highlight the active language name
// is someting missing here for the new variable ver???
$('#' + id + ' .active-language').text(name);
$('#' + id + ' .languages a').removeClass('active');
$('#' + target).addClass('active');
// enable the download links
$('#' + id + ' .download a').addClass('hidden');
$('#win-' + game + '-' + client + '-' + region + '-' + lang).removeClass('hidden'); // only 1 file per lang
$('#mac-' + game + '-' + client + '-' + region + '-' + lang).removeClass('hidden'); // only 1 file per lang
$('#win-' + game + '-' + client + '-' + region + '-' + lang + '-' + ver).removeClass('hidden'); // 11 files per lang
$('#mac-' + game + '-' + client + '-' + region + '-' + lang + '-' + ver).removeClass('hidden'); // 11 files per lang
$('#pdf-' + game + '-' + client + '-' + region + '-' + lang).removeClass('hidden');
}
Full version of JS is here: downloads.js (unmodified)
These are the links:
// *** These are working fine ***
<td class="download win">
<a href="http://tinyurl.com/InstallWoW-enGB-PC" class="link" id="win-wow-full-EU-en_GB"><span class="icon"></span> Windows</a>
<a href="http://tinyurl.com/InstallWoW-esES-PC" class="link hidden" id="win-wow-full-EU-es_ES"><span class="icon"></span> Windows</a>
</td>
<td class="download mac">
<a href="http://tinyurl.com/InstallWoW-enGB-MAC" class="link" id="mac-wow-full-EU-en_GB"><span class="icon"></span> Mac</a>
<a href="http://tinyurl.com/InstallWoW-esES-MAC" class="link hidden" id="mac-wow-full-EU-es_ES"><span class="icon"></span> Mac</a>
</td>
// *** These are not working, only show what is not hidden... in other words, script is not working here ***
<tr class="language-pack language-pack-wow-full language-pack-wow-full-EU">
<th scope="row" class="details" rowspan="11">
<h4>European Patches</h4>
<p>Used for patching a game client to a newer version.<br />(Requires the European game client.)</p>
</th>
<td class="download win">
<a href="http://tinyurl.com/WoW-320-enGB-PC" class="link" id="win-wow-full-EU-en_GB-320"><span class="icon"></span> Windows</a>
<a href="http://tinyurl.com/WoW-320-esES-PC" class="link hidden" id="win-wow-full-EU-es_ES-320"><span class="icon"></span> Windows</a>
</td>
<td class="download mac">
<a href="http://tinyurl.com/WoW-320-enGB-MAC" class="link" id="mac-wow-full-EU-en_GB-320"><span class="icon"></span> Mac</a>
<a href="http://tinyurl.com/WoW-320-esES-MAC" class="link hidden" id="mac-wow-full-EU-es_ES-320"><span class="icon"></span> Mac</a>
</td>
And this is the HTML code:
<head>
<link rel="stylesheet" type="text/css" media="all" href="css/common.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/bnet.css" />
<link rel="stylesheet" type="text/css" media="print" href="css/bnet-print.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/download.css" />
<div class="category" id="wow">
<script type="text/javascript" src="jscript/jquery.js"></script>
<script type="text/javascript" src="jscript/core.js"></script>
<script type="text/javascript" src="jscript/tooltip.js"></script>
<script type="text/javascript" src="jscript/download.js"></script>
</head>
<table>
<thead>
<tr>
<th scope="col" class="details">File Details</th>
<th scope="col" class="language">Language</th>
<th scope="col" class="download win">Windows Link</th>
<th scope="col" class="download mac">Mac Link</th>
</tr>
</thead>
<tbody>
<tr class="full wow localized" id="wow-full-EU">
<th scope="row" colspan="2" class="details">
<h4>Game Client Installer</h4>
<p class="language-selection">
<span class="active-region">Europe</span> /
<span class="active-language">English (EU)</span>
<a href="#" class="change-language" rel="region-wow-full">(Change)</a>
</p>
<div id="region-wow-full" class="region-selection hidden border-3">
<p><strong>Available Regions</strong></p>
<p class="selection regions">
<a href="#" rel="languages-wow-full-NA">Americas & Oceania</a> /
<a href="#" rel="languages-wow-full-EU" class="active">Europe</a>
</p>
<div id="languages-wow-full-NA" class="available-languages hidden">
<p><strong>Available Languages for Americas & Oceania</strong></p>
<p class="selection languages">
<a href="#" rel="en_US" id="language-wow-full-NA-en_US">English (US)</a> /
<a href="#" rel="es_MX" id="language-wow-full-NA-es_MX">Español (AL)</a>
</p>
</div>
<div id="languages-wow-full-EU" class="available-languages">
<p><strong>Available Languages for Europe</strong></p>
<p class="selection languages">
<a href="#" rel="en_GB" id="language-wow-full-EU-en_GB" class="active">English (EU)</a> /
<a href="#" rel="es_ES" id="language-wow-full-EU-es_ES">Español (EU)</a> /
<a href="#" rel="de_DE" id="language-wow-full-EU-de_DE">Deutsch</a> /
<a href="#" rel="fr_FR" id="language-wow-full-EU-fr_FR">Français</a> /
<a href="#" rel="ru_RU" id="language-wow-full-EU-ru_RU">Русский</a>
</p>
</div>
<p class="controls"><a href="#" class="close">Save</a></p>
</div>
</th>
// *** Here are the working links ***
</tr>
// *** Here are the the other links ***
</tbody>
</table>
</div>
</div>
</div>
</div>
