Script_2.js diagrams test

gto76 · gto76 · commit 4b6f006ebb57 · 2019-07-05T16:10:30.000+02:00
diff --git a/web/script_2.js b/web/script_2.js
@@ -132,16 +132,18 @@ const DIAGRAM_6_B =
 // isFontAvailable:
 (function(d){function c(c){b.style.fontFamily=c;e.appendChild(b);f=b.clientWidth;e.removeChild(b);return f}var f,e=d.body,b=d.createElement("span");b.innerHTML=Array(100).join("wi");b.style.cssText=["position:absolute","width:auto","font-size:128px","left:-99999px"].join(" !important;");var g=c("monospace"),h=c("serif"),k=c("sans-serif");window.isFontAvailable=function(b){return g!==c(b+",monospace")||k!==c(b+",sans-serif")||h!==c(b+",serif")}})(document);
 
-if (!isFontAvailable('Menlo')) {
-  $(`code:contains(${DIAGRAM_1_B})`).html(DIAGRAM_1_A);
-  $(`code:contains(${DIAGRAM_6_B})`).html(DIAGRAM_6_A);
-  $(`code:contains(${DIAGRAM_2_B})`).html(DIAGRAM_2_A);
-  $(`code:contains(${DIAGRAM_3_B})`).html(DIAGRAM_3_A);
-  $(`code:contains(${DIAGRAM_4_B})`).html(DIAGRAM_4_A);
-  $(`code:contains(${DIAGRAM_5_B})`).html(DIAGRAM_5_A);
-  // var htmlString = $('code:contains(ᴺᴱᵂ)').html().replace(/ᴺᴱᵂ/g, '');
-  // $('code:contains(ᴺᴱᵂ)').html(htmlString);
-}
+$(document).ready(function() {
+  if (!isFontAvailable('Menlo')) {
+    $(`code:contains(${DIAGRAM_1_B})`).html(DIAGRAM_1_A);
+    $(`code:contains(${DIAGRAM_2_B})`).html(DIAGRAM_2_A);
+    $(`code:contains(${DIAGRAM_3_B})`).html(DIAGRAM_3_A);
+    $(`code:contains(${DIAGRAM_4_B})`).html(DIAGRAM_4_A);
+    $(`code:contains(${DIAGRAM_5_B})`).html(DIAGRAM_5_A);
+    $(`code:contains(${DIAGRAM_6_B})`).html(DIAGRAM_6_A);
+    // var htmlString = $('code:contains(ᴺᴱᵂ)').html().replace(/ᴺᴱᵂ/g, '');
+    // $('code:contains(ᴺᴱᵂ)').html(htmlString);
+  }
+});
 
 var isMobile = false;
 // Device detection:
