Как да стане с JS

[talevtehnology]

Здравейте нуждая се от помоща ви

искам като се кликне it и после примерно на ru

да се зареди линкът /translate.php?lang=it-ru

it it
ru ru
de de
fr fr

Тоест ми трябва Js като кликна на it да присвои на променлива1 = it (то ще бъде картинка с линк) и така и след клик на втория линк да присвои на втората променлива =ru и да зареди получилия се линк

/translate.php?lang=променлива1-променлива2

 

[echo123]

Със сигурност има и по-елегантни начини, но това е груба скица на нещата.
В javascript слагаш

<script>
var language1, language2;
function sel1(lang) {
  language1 = lang;
  document.getElementById('it').style.color = '';
  document.getElementById('ru').style.color = '';
  document.getElementById('de').style.color = '';
  document.getElementById('fr').style.color = '';
  document.getElementById(lang).style.color = 'red';
}
function sel2(langg) {
  language2 = langg;
  document.getElementById('it2').style.color = '';
  document.getElementById('ru2').style.color = '';
  document.getElementById('de2').style.color = '';
  document.getElementById('fr2').style.color = '';
  if (language1) {
    document.getElementById(langg+'2').style.color = 'red';
    window.location = '/translate.php?lang='+language1+'-'+language2;
  }
}
</script>

докато въпросните езици трябва всеки от тях да си има id и да изпълнява горните функции. Ето пример:

От - на<br><br>
<span id="it" onclick="javascript: sel1('it')">it</span> 
<span id="it2" onclick="javascript: sel2('it')">it</span><br>

<span id="ru" onclick="javascript: sel1('ru')">ru</span> 
<span id="ru2" onclick="javascript: sel2('ru')">ru</span><br>

<span id="de" onclick="javascript: sel1('de')">de</span> 
<span id="de2" onclick="javascript: sel2('de')">de</span><br>

<span id="fr" onclick="javascript: sel1('fr')">fr</span> 
<span id="fr2" onclick="javascript: sel2('fr')">fr</span><br>