Nástroje používateľa

Nástoje správy stránok


blog:odborny:2019-06-28-unicode_normalization_tool

Rozdiely

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

Odkaz na tento prehľad zmien

Obojstranná predošlá revíziaPredchádzajúca revízia
Nasledujúca revízia
Predchádzajúca revízia
blog:odborny:2019-06-28-unicode_normalization_tool [2024/10/07 13:38] – [Source Text] floating Róbert Tothblog:odborny:2019-06-28-unicode_normalization_tool [2025/01/20 20:02] (aktuálne) – [Source Text] Róbert Toth
Riadok 7: Riadok 7:
  
 <HTML> <HTML>
- 
 <script type="text/javascript"> <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";   "use strict";
  
Riadok 30: Riadok 43:
     String.prototype.escapeHtml = escapeHtml;     String.prototype.escapeHtml = escapeHtml;
   }   }
-})();+};
  
 function utfRecalculate() { function utfRecalculate() {
Riadok 100: Riadok 113:
   analysisText += '<div>Words: ' + (sourceText.match(/[^\s]+/g) || new Array()).length + '</div>';   analysisText += '<div>Words: ' + (sourceText.match(/[^\s]+/g) || new Array()).length + '</div>';
      
-  analysisText += '<p></p>';+  analysisText += '<div id="utfAnalysisText_content">';
      
   let iterator = sourceText[Symbol.iterator]();   let iterator = sourceText[Symbol.iterator]();
Riadok 119: Riadok 132:
   }   }
      
-  analysisText += '<p></p>';+  analysisText += '</div>';
      
   // display text rundown   // display text rundown
Riadok 145: Riadok 158:
     clear: both;     clear: both;
   }   }
-  #utfAnalysisText > span {+  #utfAnalysisText_content { 
 +    margin: 1.5em 0.5em; 
 +    float: left; 
 +  } 
 +  #utfAnalysisText_content > span {
     position: relative;     position: relative;
     display: inline-block;     display: inline-block;
Riadok 159: Riadok 176:
     /*cursor: nw-resize; /* nw-resize or text or crosshair */     /*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);     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);     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-right: 2px solid rgb(127, 43, 1);
     border-top-right-radius: 50%;     border-top-right-radius: 50%;
   }   }
-  #utfAnalysisText > span[data-title$="0x000A"] + span {+  #utfAnalysisText_content > span[data-title$="0x000A"] + span {
     clear: left;     clear: left;
   }   }
-  #utfAnalysisText > span:hover {+  #utfAnalysisText_content > span:hover {
     background-color: rgba(255, 0, 0, 0.5);     background-color: rgba(255, 0, 0, 0.5);
     padding-bottom:0px;     padding-bottom:0px;
Riadok 178: Riadok 195:
     overflow-x: visible;     overflow-x: visible;
   }   }
-  #utfAnalysisText > span:hover::after {+  #utfAnalysisText_content > span:hover::after {
     content: attr(data-title);     content: attr(data-title);
     position: absolute;     position: absolute;
Riadok 206: Riadok 223:
 </style> </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> <div id='utfSourceForm'><b>Source text encoding:</b> undetermined</div>
blog/odborny/2019-06-28-unicode_normalization_tool.1728301096.txt.gz · Posledná úprava: 2024/10/07 13:38 od Róbert Toth