Jump to content

Widget:FryasFontPicker: Difference between revisions

From Oera Linda Wiki
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 (lang_picker.value) {
   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>