Widget:FryasFontPicker: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 11: | Line 11: | ||
lang_picker.addEventListener("select", (event) => { | lang_picker.addEventListener("select", (event) => { | ||
var fryas_text = document.getElementById("fryas_text"); | var fryas_text = document.getElementById("fryas_text"); | ||
switch ( | switch (event.target.value) { | ||
case "latin": | case "latin": | ||
fryas_text.classList.remove("standskrift"); | fryas_text.classList.remove("standskrift"); | ||
| Line 27: | Line 27: | ||
localStorage.setItem("preferred_fryas_font", lang_picker.value); | localStorage.setItem("preferred_fryas_font", lang_picker.value); | ||
}); | }); | ||
var pref_font = localStorage.getItem("preferred_fryas_font") | var pref_font = localStorage.getItem("preferred_fryas_font"); | ||
if (pref_font != null) { | if (pref_font != null) { | ||
lang_picker.value = pref_font; | lang_picker.value = pref_font; | ||
} | } | ||
</script> | </script> | ||
Revision as of 09:48, 2 June 2023
Choose a Fryas font:
<select class="picker">
<option value="latin">Latin</option> <option value="standskrift">Standskrift</option> <option value="wagumskrift">Wagumskrift</option>
</select>
<script> var lang_picker = document.querySelector("#fryas_font_picker > .picker"); lang_picker.addEventListener("select", (event) => {
var fryas_text = document.getElementById("fryas_text");
switch (event.target.value) {
case "latin":
fryas_text.classList.remove("standskrift");
fryas_text.classList.remove("wagumskrift");
break;
case "standskrift":
fryas_text.classList.add("standskrift");
fryas_text.classList.remove("wagumskrift");
break;
case "wagumskrift":
fryas_text.classList.remove("standskrift");
fryas_text.classList.add("wagumskrift");
break;
}
localStorage.setItem("preferred_fryas_font", lang_picker.value);
}); var pref_font = localStorage.getItem("preferred_fryas_font"); if (pref_font != null) {
lang_picker.value = pref_font;
} </script>