Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- let langs = ['en', 'fr'];
- let lang = 'en';
- setLangStyles(lang);
- function setStyles(styles) {
- var elementId = '__lang_styles';
- var element = document.getElementById(elementId);
- if (element) {
- element.remove();
- }
- let style = document.createElement('style');
- style.id = elementId;
- style.type = 'text/css';
- if (style.styleSheet) {
- style.styleSheet.cssText = styles;
- } else {
- style.appendChild(document.createTextNode(styles));
- }
- document.getElementsByTagName('head')[0].appendChild(style);
- }
- function setLang(lang) {
- setLangStyles(lang);
- }
- function setLangStyles(lang) {
- let styles = langs
- .filter(function (l) {
- return l != lang;
- })
- .map(function (l) {
- return ':lang('+ l +') { display: none; }';
- })
- .join(' ');
- setStyles(styles);
- }
- <a href="" hreflang="en" onclick="setLang('en'); return false">English</a>
- <a href="" hreflang="fr" onclick="setLang('fr'); return false">Deutsch</a>
- <p lang='en'>Hi everyone!</p>
- <p lang='fr'>Guten Tag!</p>
Add Comment
Please, Sign In to add comment