ZTmStudio,Library Javascript,Editeur xml

<?xml version="1.0" encoding="utf-8"?><ztmstudio ztmview="on"><ztml><lang><fr><title><![CDATA[Unicode UTF-8-16]]></title><srchlp><![CDATA[<DIV><b>Unicode</b></DIV>
<DIV>Affiche les caractères UNICODE et leur valeur en:<br>
Caractère, Octal (O), Décimal (D), Hexa (X)<br>et Entity HTML(E)<br><br>
Exemple<br>
© /O:251 /D:169 /X:a9 /E:©
]]></srchlp></fr><en><title><![CDATA[Unicode UTF-8-16]]></title><srchlp><![CDATA[<DIV><b>Unicode</b></DIV>
<DIV>Displays UNICODE characters and their value in:<br>
Character, Octal (O), Decimal (D), Hex (X)<br>and Entity HTML(E)<br><br>
Example<br>
© /O:251 /D:169 /X:a9 /E:©]]></srchlp></en></lang></ztml><html><head><![CDATA[ <title>Unicode,UTF-16,Chart,ZTmStudio </title>
  <meta charset="utf-8" />
  <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="Unicode  UTF-16 Chart ZTmStudio" />
  <meta name="keywords" content="UNICODE,UTF-16,UTF-8 Chart"/>
  <link rel="stylesheet" href="https://ztmstudio.com/ZTmOs.css" type="text/css" media="screen"/>  
  <link rel="icon" href="Icon/ztmos.png" type="image/x-icon"/>
  <script type="text/javascript" src="https://ztmstudio.com/ZTmStudio.js"></script>]]><style><![CDATA[.ZTmhoriz{
	background-color:#FF0000;	
}
.ZTmverti{
	background-color:#00FF00;	
}
.ZTminterne{
	background-color:#FFFFCC;
	
}
.ZTmuni , .ZTmcod{
	color:white;
	background-color:black;
}
.ZTmunicodetd0{
	color:yellow;
	background-color:#000000;
}
.ztmgauche {
font-size:30px;
}
]]></style><script><![CDATA[function tableur() {
	disp("<div><a href='https://ztmstudio.com' >ZTmStudio.com</a></div>");
    disp("<div ><span class=ZTmuni>U+</span><span class=ZTmcod></span></div>");
    disp("<div ><span class=ZTdebug></span>");

disp("<FONT FACE='Arial' ><span class=ztmgauche>☚ </span><span> </span><span class=ztmgauche>☛</span>"); 
    disp("<span>  </span><span class=ZTminp> </span>");
	disp("<span class=ZTmentity></span>"+"<span class=ZTmnetx></span>"+"   "+"</FONT>");
	disp("<TABLE class=tb border=1 cellspacing=0 cellpadding='2'>");
	disp("<TR align='center' >");
	for (j=0;j<order+1;j++) {
	disp("<TD width='10' class=ZTmhoriz></TD>");		
		}
	disp("</TR>");
	for(var i=0;i<order;i++) {
		var y = i+1 +nexty;
		disp("<TR>");
		for (j=0;j<order+1;j++) {
		if (j==0) {disp("<TD width='10'  class=ZTmverti></TD>");}
		else {disp("<TD class=tableurTD type=0 width='10' class=ZTminterne></TD>");}
		}
		disp("</TR>");
	}
	disp("</TABLE>");
	ZTmMain.ztmview.corps.innerHTML=toto;
}
setTd=function (){
//ZTmCln('span','ZTdebug').innerText="modey: "+modey+" nextx:"+nextx+" decal:"+decal;
//ZTmCln('span','ZTmentity').innerText="modey: "+modey+" nextx:"+nextx+" decal:"+decal;
var tab = ZTmCln('TABLE','tb');
var atr = tab.getElementsByTagName('TR');
if(nextx>1000000000)  nextx=0;
if(nextx<0)  nextx=0;
if(nexty<0)  nexty=0;

var base   = 	nextx.toString(16).toUpperCase();
//alert(base);
if (base.length == 1 ) base = '000'+ base;
if (base.length == 2 ) base = '00'+ base;
if (base.length == 3 ) base = '0'+ base;
	for (var i=0;i<atr.length;i++){
	
		var atd = atr.item(i).getElementsByTagName('TD');
		if (i==0) atd.item(0).className="ZTmunicodetd0";
		if (i==0)  atd.item(0).innerHTML=base.substr(0,base.length-1);
		for (var j=0;j<atd.length;j++){
		if (j!=0 && i==0)  atd.item(j).innerHTML= (j-1).toString(16).toUpperCase();
		if (j==0 && i!=0)  atd.item(j).innerHTML= (i-1).toString(16).toUpperCase();
		if (j!=0 && i!=0 ) {
        numval =  ((i+nextx-1)*16+j+nexty-1);

charval =  numval.toString(16);
        a=1;
        l=4-charval.length;
           for(k=0;k<l;k++){val="0"+charval;}
     
         val="&"+"#"+"x"+charval+";";
//if(j==15 && i ==12)alert(val);
            atr.item(j).children[i].innerHTML=val; 
//           atd.item(j).innerHTML =val;   
//         atd.item(j).innerHTML = String.fromCharCode((j+nextx-1)*16+i+nexty-1);
          } 
		}
	}
}

function setAll(){
var tab = ZTmCln('TABLE','tb');
var atr = tab.getElementsByTagName('TR');
if(nextx<0)  nextx=0;
if(nexty<0)  nexty=0;
var base   = 	nextx.toString(16).toUpperCase();
if (base.length == 1 ) base = '00'+ base;
if (base.length == 2 ) base = '0'+ base;
	for (var i=0;i<atr.length;i++){
	
		var atd = atr.item(i).getElementsByTagName('TD');
		if (i==0)  atd.item(0).innerHTML=base.substr(0,base.length-1);
		for (var j=0;j<atd.length;j++){
		if (j!=0 && i==0)  atd.item(j).innerText= (j-1).toString(16).toUpperCase();
		if (j==0 && i!=0)  atd.item(j).innerText= (i-1).toString(16).toUpperCase();

if (j!=0 && i!=0 ) {
           
			atd.item(j).innerHTML= String.fromCharCode((j-1)*4096+(i-1)*256);
			}
		}
	}
}
function disp(txt) {toto=toto+txt;}
function estFerie(j,m) {
	var nb=ferie.length;
	var test=false;
	for(var i=0;i<nb;i++) {
		if ((ferie[i].substring(0,2)==j)&&(ferie[i].substring(3,5)==m)) return true;
	}
	return false;
}

]]></script><script.ztm><![CDATA[function ZTm(){
ZTmlInit();
ZTmView();

ZTmMain.ztmview = ZTmMain.create();
ZTmMain.ztmview.title=ZTmValueTag(ZTmlDoc,ZTmLang,'title');
ZTmMain.ztmview.srchlp=ZTmValueTag(ZTmlDoc,ZTmLang,'srchlp');
ZTmMain.ztmview.create(); 
ZTmMain.ztmview.icon='wx';ZTmicons.create();
ZTmMain.ztmview.icon='zt';ZTmicons.createbox1();

//ZTmMain.ztmview.corps.innerHTML=doc;
//alert(ZTmLang);
	
ZTmMain.ztmview.boite.onclick=call;

//main = document.getElementById("main");

decal=0;
choix=0;
toto='';
nextx=0;
nexty=0;
modex=0;
modey=0;
old='';
order=16;
colFond="#FFFFCC";
colTitre="#FF0000";
colTexte="#0000CC";
colFerie="#66FF66";
colOn="#00FF00";
tarr = new Array();	
tableur();
setTd();
curval='btr';
sens=1;	
}]]></script.ztm><script.call><![CDATA[call= function(event)	{
var div=ZTmEvent(event).target;
if (event.type =='click' && div.nodeName=='TD'){
        if(/ztmtitle/.test(div.className)) {ZTmHlpRun();return;}}
		if (event.type =='click' && div.nodeName=='INPUT')  
		{
		if  (  div.id =='inp')		{
		setTd();
		}  
		return;
		}
		if (event.type =='click' && div.nodeName=='DIV')  
		{
			if(/(back)/.test(div.className)) 
			{	
			objet=div;
			}
			if(/(texte)/.test(div.className)) 
			{
			objet=div;	
			}
			
		}
		if (event.type =='click' && div.nodeName=='TD')  
		{
         
			if(posTd(div).d==0){
			modex=(posTd(div).r-1);
			nextx=  modey*256 + modex*16 +decal;
			setTd();
return;			
			}
			if(posTd(div).r==0){
			modey=(posTd(div).d-1);
			nextx=  modey*256 +modex*16 + decal;
			setTd();
return;			
			}
			//alert(nexty);
			if (choix==0) { //alert(div.className);
			if (!/tableurTD/.test(div.className)) return;
	
			val = div.innerText;
		    entval=div.innerHTML;
	// alert(val.codePointAt(0));

if(old!='') old.style.backgroundColor='';
			old=div;
			div.style.backgroundColor='#CCCCCC';
			X=parseInt(val.codePointAt(0), 10).toString(16);
	
		    ZTmtmp=val+' /O:'+parseInt(val.codePointAt(0), 10).toString(8);
			ZTmtmp +=  ' /D:' + val.codePointAt(0) ;
			//ZTmCln('INPUT','ZTminp').value =ZTmCln('INPUT','ZTminp').value;	
			ZTmtmp +=' /X:'+X.toUpperCase();
			ZTmtmp2 =' /E:'+htmlentities(entval);
            ZTmCln('span','ZTmcod').innerText= X.toUpperCase() ;
			ZTmCln('span','ZTminp').innerHTML=ZTmtmp;
			ZTmCln('span','ZTmentity').innerText=ZTmtmp2;
			ZTmCln('span','ZTmnetx').innerText=" /U:&"+"#"+"x"+X.toUpperCase()+";";
			touche=div;
			//ZTmCln('TD','ZTmunicodetd0').innerHTML =parseInt(val.codePointAt(0), 10).toString(16);
			}
			if (choix==1) {
			nexty =  0;
			if (ZTmempty(div.innerHTML))   nextx=0;
			else nextx = div.innerHTML.codePointAt(0)/16;
			setTd();
			choix=0;
			}
		}
		if (event.type =='click' && div.nodeName=='IMG')  
		{
			if(/window-x/.test(div.src)) {ZTmMain.ztmview.clear();}
			if(/window-help/.test(div.src)) {ZTmHlpRun();}
		}
		if (event.type =='click' && div.nodeName=='SPAN')  
		{ //alert(div.innerHTML+div.innerHTML.codePointAt(3)+'_'+div.innerHTML.codePointAt(0));
		if(/(9755)/.test(div.innerHTML.codePointAt(0))){
         nextx = nextx+16;if(nextx>4080) decal = 4096; decal=Math.trunc(nextx/4080)*4096;
         setTd();}
		if(/(9754)/.test(div.innerHTML.codePointAt(0))){
         nextx = nextx-16;if(nextx<4096) decal=Math.trunc(nextx/4080)*4096;;
         setTd();}
			
			if(/(S)/.test(div.innerHTML)){  setAll();choix=1;}
		}
}]]></script.call></head><body onload="ZTm();"><![CDATA[<div> </div>]]></body></html></ztmstudio>