back.html

<div class="keyword"><a href="https://en.wiktionary.org/wiki/{{Kanji}}#Japanese">{{keyword}}</a>
<!--
<br /><div id="kanji" lang="ja">{{Kanji}}</div>
-->
</div>

<div class="tab">
  <button class="tablinks" onclick="openTab(event, 'readings')">Readings</button>
  <button class="tablinks active" onclick="openTab(event, 'strokeorder')">Strokeorder</button>
  <button class="tablinks" onclick="openTab(event, 'vocab')">Vocabulary</button>
</div>
<!-- Tab content -->
<div id="strokeorder" class="tabcontent" style="display:block">
<div id="fieldImg" style="opacity: .35">{{Diagram}}</div>
</div>

<div id="readings" class="tabcontent">
<div class="keyword" lang="ja">
{{#main ON reading}}
<div class="row">
  <div class="cell visible">ON</div>
  <div class="cell visible read">{{main ON reading}}{{#ON reading}}<span> ・ {{ON reading}}</span>{{/ON reading}}</div>
</div>
{{/main ON reading}}

{{#KUN reading}}
<div class="row">
  <div class="cell visible">KUN</div>
  <div class="cell visible read">{{KUN reading}}</div>
</div>
{{/KUN reading}}
</div>
</div>

<div id="vocab" class="tabcontent">
<div lang="ja" id="table">
{{#key vocab 1 kanji}}
<div class="row krow">
  <div class="cell">{{key vocab 1 kanji}}</div>
  <div class="cell read"><a href="http://rtega.be/chmn/?c={{Kanji}}">{{key vocab 1 reading}}</a></div>
  <div class="cell eng">{{key vocab 1 english}}</div>
</div>
{{/key vocab 1 kanji}}
{{#key vocab 2 kanji}}
<div class="row krow">
  <div class="cell">{{key vocab 2 kanji}}</div>
  <div class="cell read">{{key vocab 2 reading}}</div>
  <div class="cell eng">{{key vocab 2 english}}</div>
</div>
{{/key vocab 2 kanji}}
{{#key vocab 3 kanji}}
<div class="row krow">
  <div class="cell">{{key vocab 3 kanji}}</div>
  <div class="cell read">{{key vocab 3 reading}}</div>
  <div class="cell eng">{{key vocab 3 english}}</div>
</div>
{{/key vocab 3 kanji}}


{{#vocab 1 kanji}}
<div class="row nrow">
  <div class="cell">{{vocab 1 kanji}}</div>
  <div class="cell read">{{vocab 1 reading}}</div>
  <div class="cell eng">{{vocab 1 english}}</div>
</div>
{{/vocab 1 kanji}}
{{#vocab 2 kanji}}
<div class="row nrow">
  <div class="cell">{{vocab 2 kanji}}</div>
  <div class="cell read">{{vocab 2 reading}}</div>
  <div class="cell eng">{{vocab 2 english}}</div>
</div>
{{/vocab 2 kanji}}
{{#vocab 3 kanji}}
<div class="row nrow">
  <div class="cell">{{vocab 3 kanji}}</div>
  <div class="cell read">{{vocab 3 reading}}</div>
  <div class="cell eng">{{vocab 3 english}}</div>
</div>
{{/vocab 3 kanji}}
{{#vocab 4 kanji}}
<div class="row nrow">
  <div class="cell">{{vocab 4 kanji}}</div>
  <div class="cell read">{{vocab 4 reading}}</div>
  <div class="cell eng">{{vocab 4 english}}</div>
</div>
{{/vocab 4 kanji}}
{{#vocab 5 kanji}}
<div class="row nrow">
  <div class="cell">{{vocab 5 kanji}}</div>
  <div class="cell read">{{vocab 5 reading}}</div>
  <div class="cell eng">{{vocab 5 english}}</div>
</div>
{{/vocab 5 kanji}}
</div>
</div>

<div class="botleft">KLCiD: {{id}}</div>





<script>
function openTab(evt, tabName) {
  // Declare all variables
  var i, tabcontent, tablinks;

  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

  // Show the current tab, and add an "active" class to the button that opened the tab
  document.getElementById(tabName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>