How to localize a simple HTML website page in my case?

by

You can use the standard HTML lang attribute:

<span lang="en">Scale</span><span lang="de">Maßstab</span>

And then you can hide and show the matching elements:

function select_language(language) {
    $("[lang]").each(function () {
        if ($(this).attr("lang") == language)
            $(this).show();
        else
            $(this).hide();
    });
}

I use a simple selection:

<select onchange="select_language(this.options[this.selectedIndex].value)">
  <option value="en" selected>English</option>
  <option value="de">Deutsch</option>
</select>

More Related Contents:

  1. My JS is not working (chat application)
  2. How to apply !important using .css()?
  3. How to get a number of random elements from an array?
  4. How do I create a link using javascript?
  5. Check with jquery if div has overflowing elements
  6. jQuery UI accordion that keeps multiple sections open?
  7. how to make a jquery “$.post” request synchronous [duplicate]
  8. Vanilla JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  9. Responsive horizontal page sliding
  10. How to change active class while click to another link in bootstrap use jquery?
  11. Selecting multiple from an html select element without using ctrl key
  12. how to assign javascript variable value to php variable
  13. How to get ID of button user just clicked? [duplicate]
  14. I want to show list items as 2 or more columns (dynamic alignment)
  15. hide open/active accordion when another accordion is clicked
  16. How to disable submit button once it has been clicked?
  17. Find selected item in Datalist in HTML
  18. Sort by image resolution in gallery
  19. Modal image galleries – multiple images
  20. Set focus and cursor to end of text input field / string w. Jquery [duplicate]
  21. is it possible to add or inside an tag? [duplicate]
  22. Play HTML5 Video when scrolled to
  23. Why multiple datepicker not working?
  24. How to Bootstrap navbar static to fixed on scroll?
  25. How to use pagination on HTML tables?
  26. How to access jQuery in HTML 5 web worker
  27. How to highlight a part part of an Input text field in HTML using Javascript or JQuery
  28. Incrementing value continuously on mouse hold
  29. Geolocation closest location(lat, long) from my position
  30. How can I reorder elements with JavaScript?

Leave a Comment