Buch - Übersetzungs-Button

In einem Buch oder Book kann aktuell nur eine Textsprache gespeichert werden. Eine Logik, um diese Seite auch in anderen Sprache anzeigen zu lassen, gibt es bisher nicht.

Um dennoch eine Übersetzung anzubieten, kann über das folgende Script ein Button unter dem Buch-Titel eingefügt werden. Bei einem Klick darauf, wird der Besucher zu Google Translate geschickt und die Seite automatisch in die konfigurierte Sprache übersetzt.

<script type="module">
  const elem = document.getElementById("bkmrk-page-title");
  if (elem != null) {
    const spanElem = document.createElement("span");
    spanElem.class = "badge badge-primary";
    spanElem.style = "font-family:Tahoma; display:inline-block; padding:.25em .4em; font-weight:700; line-height:1; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25rem; background-color:#007bff; font-size:100%; margin-top:5px; margin-top:-10px; margin-bottom:10px;";

    const toLang = "en";
    const url = 'https://translate.google.com/translate?js=n&sl=auto&tl=' + toLang + '&u=' + window.location.href;
    const aElem = document.createElement("a");
    aElem.href = url;
    aElem.style = "color:white;";
    aElem.target = '_blank';
    
    const translateElem = document.createTextNode("GOOGLE TRANSLATE (en)");
    aElem.appendChild(translateElem);
  
    spanElem.appendChild(aElem);
    
    elem.insertAdjacentElement('afterend', spanElem);
  }
</script>