Widget:FryasFontPicker: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
< | <div id="fryas_font_picker"> | ||
<div class="label">Choose a Fryas font:</div> | |||
<select class="picker"> | |||
<option value="latin">Latin</option> | <option value="latin">Latin</option> | ||
<option value="standskrift">Standskrift</option> | <option value="standskrift">Standskrift</option> | ||
<option value="wagumskrift">Wagumskrift</option> | <option value="wagumskrift">Wagumskrift</option> | ||
</select> | </select> | ||
</div> | |||
<script> | <script> | ||
var lang_picker = document.querySelector("#fryas_font_picker > .picker"); | var lang_picker = document.querySelector("#fryas_font_picker > .picker"); | ||
Revision as of 09:55, 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"); function pick_font(option) {
switch (option) {
case "latin":
lang_picker.classList.remove("standskrift");
lang_picker.classList.remove("wagumskrift");
break;
case "standskrift":
lang_picker.classList.add("standskrift");
lang_picker.classList.remove("wagumskrift");
break;
case "wagumskrift":
lang_picker.classList.remove("standskrift");
lang_picker.classList.add("wagumskrift");
break;
}
} lang_picker.addEventListener("change", (event) => {
pick_font(lang_picker.value);
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; pick_font(pref_font);
} </script>