Rozdiely

Tu môžete vidieť rozdiely medzi vybranou verziou a aktuálnou verziou danej stránky.

--- blog:odborny:2019-06-28-unicode_normalization_tool [2024/10/07 13:41] – [Source Text] margin Róbert Toth
+++ blog:odborny:2019-06-28-unicode_normalization_tool [2025/01/20 20:02] (aktuálne) – [Source Text] Róbert Toth
@@ Riadok 7: / Riadok 7: @@
 <HTML>
 <script type="text/javascript">
-(function(){
+function sleep(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+window.onload = function() {
+  sleep(1000).then(() => {
+    document.getElementById('utfSource').focus();
+  });
+  sleep(2000).then(() => {
+    document.getElementById('utfSource').focus();
+  });
+  sleep(3000).then(() => {
+    document.getElementById('utfSource').focus();
+  });
   "use strict";
@@ Riadok 30: / Riadok 43: @@
     String.prototype.escapeHtml = escapeHtml;
   }
-})();
+};
 function utfRecalculate() {
@@ Riadok 146: / Riadok 159: @@
   }
   #utfAnalysisText_content {
-    margin: 1em 0;
+    margin: 1.5em 0.5em;
+    float: left;
   }
-  #utfAnalysisText > span {
+  #utfAnalysisText_content > span {
     position: relative;
     display: inline-block;
@@ Riadok 162: / Riadok 176: @@
     /*cursor: nw-resize; /* nw-resize or text or crosshair */
   }
-  #utfAnalysisText > span:first-of-type {
+  #utfAnalysisText_content > span:first-of-type {
     box-shadow: -2px -2px 2px rgb(127, 43, 1);
   }
-  #utfAnalysisText > span:last-of-type {
+  #utfAnalysisText_content > span:last-of-type {
     box-shadow: 2px 2px 2px rgb(127, 43, 1);
   }
-  #utfAnalysisText > span[data-title$="0x000A"] {
+  #utfAnalysisText_content > span[data-title$="0x000A"] {
     border-right: 2px solid rgb(127, 43, 1);
     border-top-right-radius: 50%;
   }
-  #utfAnalysisText > span[data-title$="0x000A"] + span {
+  #utfAnalysisText_content > span[data-title$="0x000A"] + span {
     clear: left;
   }
-  #utfAnalysisText > span:hover {
+  #utfAnalysisText_content > span:hover {
     background-color: rgba(255, 0, 0, 0.5);
     padding-bottom:0px;
@@ Riadok 181: / Riadok 195: @@
     overflow-x: visible;
   }
-  #utfAnalysisText > span:hover::after {
+  #utfAnalysisText_content > span:hover::after {
     content: attr(data-title);
     position: absolute;
@@ Riadok 209: / Riadok 223: @@
 </style>
-<textarea id='utfSource' oninput='utfRecalculate()' style='width:100%; font-family:Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size:11px;' rows='15' cols='120'></textarea>
+<textarea id='utfSource' oninput='utfRecalculate()' style='width:100%; font-family:Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size:11px;' rows='15' cols='120' autofocus></textarea>
 <div id='utfSourceForm'><b>Source text encoding:</b> undetermined</div>