ZTmStudio,Library Javascript,Editeur xml,Unicode

<?xml version="1.0" encoding="utf-8"?>
<ztmstudio>
   <ztml>
     <lang>
       <fr>
         <title><![CDATA[Editeur.Unicode-Chart]]>
</title>
         <htm><![CDATA[<div class=container><div class="contain"  title=contain width=500px height=50px>
text in  div clas=contain
<p class='phrase'  title=phrase>Text in paragraph  p class=phrase.</p>
text still in  div clas=contain
</div></div>
]]>
</htm>
         <srchlp><![CDATA[<DIV><b>Editeur.Unicode-Chart</b></DIV>
<DIV>Selectionner un item </DIV>
<DIV>cliquer sur la valeur de start pour afficher
<br> les caractères unicode</DIV>
]]>
</srchlp>
</fr>
       <en>
         <title><![CDATA[Editor.Unicode-Chart]]>
</title>
         <srchlp><![CDATA[<DIV><b>Editeur.Unicode-Chart</b></DIV>
<DIV>Select item </DIV>
<DIV>click on start value start
<br>to view unichode char codes</DIV>]]>
</srchlp>
</en>
</lang>
     <menu>
       <unicode>
         <Emoji-Pictographs>
           <Dingbats start="2700" end="27BF">
</Dingbats>
           <Ornamental-Dingbats start="1F650" end="1F67F">
</Ornamental-Dingbats>
           <Emoticons start="1F600" end="1F64F">
</Emoticons>
           <Miscellaneous-Symbols start="2600" end="26FF">
</Miscellaneous-Symbols>
           <Miscellaneous-Symbols-And-Pictographs start="1F300" end="1F5FF">
</Miscellaneous-Symbols-And-Pictographs>
           <Supplemental-Symbols-and-Pictographs start="1F900" end="1F9FF">
</Supplemental-Symbols-and-Pictographs>
           <Transport-and-Map-Symbols start="1F680" end="1F6FF">
</Transport-and-Map-Symbols>
</Emoji-Pictographs>
         <european>
           <Armenian start="0530" end="058F">
</Armenian>
           <Cyrillic start="0400" end="04FF">
</Cyrillic>
           <Georgian start="10A0" end="10FF">
</Georgian>
           <Glagolitic start="2C00" end="2C5F">
</Glagolitic>
           <Greek start="0370" end="03FF">
</Greek>
           <Latin start="0000" end="007F">
</Latin>
</european>
         <Indonesia-Oceania>
           <Balinese start="1B00" end="1B7F">
</Balinese>
           <Batakp start="1BC0" end="1BFF">
</Batakp>
           <Buginese start="1A00" end="1A1F">
</Buginese>
           <Buhid start="1740" end="175F">
</Buhid>
           <Hanunoo start="1720" end="173F">
</Hanunoo>
           <Javanese start="A980" end="A9DF">
</Javanese>
           <Rejang start="A930" end="A95F">
</Rejang>
           <Sundanese start="1B80" end="A95F">
</Sundanese>
           <Sundanese-Supplement start="1CC0" end="1CCF">
</Sundanese-Supplement>
           <Tagalog start="1700f" end="171F">
</Tagalog>
           <Tagbanwa start="1760" end="177F">
</Tagbanwa>
</Indonesia-Oceania>
         <Japanese>
           <Katakana.Phonetic.Extensions start="31F0" end="31FF">
</Katakana.Phonetic.Extensions>
           <Halfwidth.Katakana start="FF65" end="FF9F">
</Halfwidth.Katakana>
           <Lisu start="A4D0" end="A4FF">
</Lisu>
           <Miao start="16F00" end="16F9F">
</Miao>
           <Nushu start="1B170–1B2FF">
</Nushu>
           <Tangut start="17000" end="187FF">
</Tangut>
           <Tangut.Components start="18800" end="18AFF">
</Tangut.Components>
</Japanese>
         <Korean>
           <Hangul start="3100" end="A97F">
</Hangul>
           <Hangul.Jamo.Extended-A start="A960" end="A97F">
</Hangul.Jamo.Extended-A>
           <Hangul.Jamo.Extended-B start="D7B0" end="D7FF">
</Hangul.Jamo.Extended-B>
           <Hangul.Compatibility.Jamo start="3130" end="318F">
</Hangul.Compatibility.Jamo>
           <Halfwidth.Jamo start="FFA0" end="FFDC">
</Halfwidth.Jamo>
           <Hangul.Syllables start="AC00" end="D7AF">
</Hangul.Syllables>
</Korean>
         <Mathematical-Symbols>
           <Arrows start="2190" end="21FF">
             <Supplemental-Arrows-A start="27F0" end="27FF">
</Supplemental-Arrows-A>
             <Supplemental-Arrows-B start="2900" end="297F">
</Supplemental-Arrows-B>
             <Supplemental-Arrows-C start="1F800" end="1F8FF">
</Supplemental-Arrows-C>
             <Additional-Arrows start="2B00" end="2BFF">
</Additional-Arrows>
             <Miscellaneous-Symbols-and-Arrows start="2B00" end="2BFF">
</Miscellaneous-Symbols-and-Arrows>
</Arrows>
           <Mathematical-Alphanumeric-Symbols start="1D400" end="1D7FF">
</Mathematical-Alphanumeric-Symbols>
           <Arabic-Mathematical-Alphabetic-Symbols start="1EE00" end="1EEFF">
</Arabic-Mathematical-Alphabetic-Symbols>
           <Letterlike-Symbols start="2100" end="214F">
</Letterlike-Symbols>
           <Mathematical-Operators start="2200" end="22FF">
</Mathematical-Operators>
           <Basic-operators start="0000">
</Basic-operators>
           <Supplemental-Mathematical-Operators start="2A00" end="2AFF">
</Supplemental-Mathematical-Operators>
           <Miscellaneous-Mathematical-Symbols-A start="27C0" end="27EF">
</Miscellaneous-Mathematical-Symbols-A>
           <Miscellaneous-Mathematical-Symbols-B start="2980" end="29FF">
</Miscellaneous-Mathematical-Symbols-B>
           <Floors-and-Ceilings start="2300" end="230B">
</Floors-and-Ceilings>
           <Invisible-Operators start="2000" end="2064">
</Invisible-Operators>
           <Geometric-Symbols>
             <Geometric-Shapes start="25A0" end="25FF">
</Geometric-Shapes>
             <Additional-Shapes start="2B00" end="2BFF">
</Additional-Shapes>
             <Box-Drawing start="2500" end="257F">
</Box-Drawing>
             <Block-Elements start="2580" end="259F">
</Block-Elements>
</Geometric-Symbols>
</Mathematical-Symbols>
</unicode>
</menu>
</ztml>
   <html>
     <head><![CDATA[<title>ZTmStudio,Library Javascript,Editeur xml,Unicode </title>
  <meta charset="utf-8" />
  <meta name="viewport" id="viewport" content="width=device-width,  initial-scale=1"/>
  <meta name="description" content="Ztmstudio est l'environnement de développement intégré pour le développement d'applications Javascript.,Editeur Xml, Applications javascript "/>> 
  <meta name="keywords" content="javascript,studio,html,css"/>
    
  <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"/> <link rel="stylesheet" href="https://ztmstudio.com/ZTmOs.css" type="text/css" media="screen"/>  
 <script type="text/javascript" src="https://ztmstudio.com/ZTmStudio.js"></script>]]>
       <style><![CDATA[.container{background-color:#FFFFFF;border:1px solid red;}
.ZTmhoriz{background-color:#FF0000;width:15px;text-align:center;border:1px solid black;color:black	}
.ZTmverti{background-color:#FF0000;width:10px;text-align:center;border:1px solid black;color:black}
.ZTmtb{  border-collapse: collapse;  table-layout:fixed;border: 1px solid black;table-layout: fixed;padding:0px;spacing:0px;marging:0px;background-color:#000000;color:yellow}
.ZTmtr{	align:center;}.ZTmTD{	width: 10px;	border:1px solid black;}
.ZTmtd0{color:yellow;	background-color:#000000;}
.ztminput{size:2;width:100px;}

.ztmemoji {font-size:30px;}]]>
</style>
       <script><![CDATA[call= function(event)	{
var div=ZTmEvent(event).target;
var leng =ZTmEvent(event).list.length;
//alert(div.nodeName);
                if (event.type =='click' && div.nodeName=='TD'){
                    if(/ztmtitle/.test(div.className)) {ZTmHlp();return;}}

if (event.type =='click' && div.nodeName=='INPUT')  
		{//alert(parseInt(div.value.substring(0,2),16)*16);
		nextx = parseInt(div.value.substring(0,2),16)*16;
		setTd();
		return;
		}
		if (event.type =='click' && div.nodeName=='DIV')  
		{
			if (div.nodeName=='DIV') 
			{ //alert(div.className);	
			if(!/(ztmtexte)|(divtatt)|(ztminput)/.test(div.className))return;
			if(div.childNodes.length==1 ) ZTmClkTree(div,leng);
                           var child=div.parentNode.childNodes;
//alert(child.length);
                            for (var i=0;i<child.length;i++){

if(child[i].getAttribute("type")==20){
//alert(child[i].type);
                              }

}
			}
				//alert(div.className);
			if(/(back)/.test(div.className)) 
			{	
			objet=div;
			}
			if(/(texte)/.test(div.className)) 
			{
			objet=div;	
			}
			
		}
		if (event.type =='click' && div.nodeName=='TD')  
		{ 
//alert(posTd(div).d+'-'+posTd(div).r);
			if(posTd(div).d==0){
			modex=(posTd(div).r-1);
			nextx=modey*256+modex*16;
			setTd();return;			
			}
			if(posTd(div).r==0){
			modey=(posTd(div).d-1);
			nextx=modey*256+modex*16;
			setTd();return;			
			}
//alert(nexty);
			if (choix==0) { //alert(div.className);
			if (!/ZTmTD/.test(div.className)) return;
			val = div.innerHTML;
			
			if(/</.test(div.innerHTML))val='<'
			if(/>/.test(div.innerHTML))val='>'
			if(/&/.test(div.innerHTML))val='&'
			
			if(old!='') old.style.backgroundColor='';
			old=div;
			div.style.backgroundColor='#CCCCCC';
			
			ZTmtmp=val+' /O:'+parseInt(val.charCodeAt(0), 10).toString(8);
			ZTmtmp +=  ' /D:' + val.charCodeAt(0) ;
			//ZTmCln('INPUT','ZTminp').value =ZTmCln('INPUT','ZTminp').value;	
			ZTmtmp +=' /X:'+parseInt(val.charCodeAt(0), 10).toString(16);
			ZTmtmp2 =' /E:'+htmlentities(val);
			ZTmCln('span','ZTminp').innerHTML=ZTmtmp;
			ZTmCln('span','ZTmentity').innerText=ZTmtmp2;
			//ZTmCln('span','ZTmnetx').innerText=nextx;
			touche=div;
			//ZTmCln('TD','ZTmunicodetd0').innerHTML =parseInt(val.charCodeAt(0), 10).toString(16);
			}
			if (choix==1) {
			nexty =  0;
			if (ZTmempty(div.innerHTML))   nextx=0;
			else nextx = div.innerHTML.charCodeAt(0)/16;
			setTd();
			choix=0;
			}
		}
		if (event.type =='click' && div.nodeName=='IMG')  
		{
			if(/window-x/.test(div.src)) 
			{
                 if(ZTmlocal==1){
                 ztmappboite.style.display="none";
                 ztmreaderboite.style.display="block";
                 ztmreaderboite.onclick=callreader;
		 fileContents.value=getXmlAsString(xmlDoc);
                 }
			}	
		}
		if (event.type =='click' && div.nodeName=='SPAN')  
		{ //alert(div.innerHTML+div.innerHTML.charCodeAt(3)+'_'+div.innerHTML.charCodeAt(0));
		if(/(9755)/.test(div.innerHTML.charCodeAt(0))){ nextx = nextx+16;setTd();}
		if(/(9754)/.test(div.innerHTML.charCodeAt(0))){ nextx = nextx-16;setTd();}
			
			if(/(S)/.test(div.innerHTML)){  setAll();choix=1;}
		}
}

setTd=function (){
var tab = ZTmCln('TABLE','ZTmtb');
var atr = tab.getElementsByTagName('TR');
if(nextx>4080)  nextx=0;
if(nextx<0)  nextx=4084;
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).className="ZTmtd0";
		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 ) atd.item(j).innerHTML = String.fromCharCode((j+nextx-1)*16+i+nexty-1);
//		if (j!=0 && i!=0 ) atd.item(j).style.backgroundColor = (j-1).toString(16).toUpperCase()+(i-1).toString(16).toUpperCase();
		}
	}
}	
function posTd(div){
var I=0,J=0,K=0;d=0;r=0;
var tr = div.parentNode;
var atd = tr.getElementsByTagName('TD');
	for (var i=0;i<atd.length;i++){
	if (atd.item(i)==div) {I=i+nextx;d=i;}
	}
var atable = tr.parentNode;
var atr = atable.getElementsByTagName('TR');
	for (i=0;i<atr.length;i++){
	if (atr.item(i)==tr) {J=i+nexty;r=i;}
	}
	return {x: I, y: J,d:d,r:r};
}

function getColName (c){
return (c<26)?String.fromCharCode(65+c):String.fromCharCode(64+c/26,65+c%26);
};

function setAll(){
var tab = ZTmCln('TABLE','ZTmtb');
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 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;
}
function tableur() {
//	disp("<FONT FACE='Arial' ><span class=ztmemoji>☚ </span><span class=ztmemoji>☛</span>"+"<span>  </span>"+"<span class=ZTminp> </span>");

var span=document.createElement('SPAN');	
		span.className='ztmemoji';
		span.innerHTML='☚ ';
			ZTmCln('DIV','htm').appendChild(span);
	var span=document.createElement('SPAN');	
		span.className='ztmemoji';
		span.innerHTML='☛';
		ZTmCln('DIV','htm').appendChild(span);
	var span=document.createElement('SPAN');	
		span.className='ztmunispan';
		span.innerHTML=' ';
			ZTmCln('DIV','htm').appendChild(span);
	var span=document.createElement('SPAN');	
		span.className='ZTminp';
		span.innerHTML=' ';
			ZTmCln('DIV','htm').appendChild(span);
			
//	disp("<span class=ZTmentity></span>"+"<span class=ZTmnetx></span>"+"   "+"</FONT>");
		var span=document.createElement('SPAN');	
		span.className='ZTmentity';
		span.innerHTML=' ';
			ZTmCln('DIV','htm').appendChild(span);
		var span=document.createElement('SPAN');	
		span.className='ZTmnetx';
		span.innerHTML=' ';
			ZTmCln('DIV','htm').appendChild(span);
		var span=document.createElement('SPAN');	
		span.className='ZTmnetx';
		span.innerHTML='   ';
			ZTmCln('DIV','htm').appendChild(span);
		
//	disp("<TABLE class=ZTmtb border=1 cellspacing=0 cellpadding='2'>");
	
		var box = document.createElement('TABLE');
		box.className='ZTmtb';
		ZTmCln('DIV','htm').appendChild(box);
		var tbo = document.createElement('TBODY');
		box.appendChild(tbo);
		
		
//	disp("<TR align='center' >");
	var tr =document.createElement('TR');
	tr.className='ZTmtr';
	tbo.appendChild(tr);	
	for (j=0;j<order+1;j++) {
		
//	disp("<TD width='10' class=ZTmhoriz></TD>");

}	
function ZTm(){
ZTmlInit();

main = document.getElementById("main");
var	sfTD   = main.getElementsByTagName('TD');
var node = ZTmlDoc.getElementsByTagName('menu');	
var tmp = sfTD[0];

var pm=0;up=0;
//alert(sfInp[0].innerHTML);
ZTmmenuOpen(node[0],sfTD[0],pm,up);
//alert(sfInp[0].innerHTML);
//ZTmexpXml(ZTmTrees.corps);
//alert('xmled ztmsav'+ZTmsav);
var lev=3;
ZTmclkmoins(sfTD[0].firstChild);
ZTmclkmin1(sfTD[0].firstChild);

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();

//sfTD[0].onclick=ZTmcalTree;
main.onclick=call;
setTd();
}	
]]>
</script>
</head>
     <body onload="ZTm();"><![CDATA[<div id=main><TABLE><TBODY>
<TR><TD></TD><TD>   </TD>
<TD><DIV class=htm></DIV>	
</TD></TR>
</TBODY></TABLE></div>
]]>
</body>
</html>
</ztmstudio>