ZTmStudio,Library Javascript,Editeur xml

<?xml version="1.0" encoding="utf-8"?>
 <ztmstudio>
   <ztml>
     <fr>
       <srchlp><![CDATA[<DIV><b>Array</b></DIV>
<DIV>Cliquer sur RUN pour </DIV>
<DIV>Executer le code entré<br> dans la zone de Texte</DIV>
]]>
</srchlp>
       <title><![CDATA[Control]]>
</title>
       <msgbreak><![CDATA[termine l'exécution d'une boucle for ou while et rend le curseur d'exécution à l'instruction qui suit immédiatement.]]>
</msgbreak>
       <break><![CDATA[result='';for (var i=0; i<10; i++) {
   result+=(i + "-");
   if (i==5) {break;}
}
]]>
</break>
       <msgescape><![CDATA[encode les caractères spéciaux d'une chaîne de caractères en les remplaçant par leur code équivalent du type %xx.
]]>
</msgescape>
       <escape><![CDATA[var result=escape("chaîne de caractères !");
]]>
</escape>
       <msgeval><![CDATA[evalue et exécute le code javascript contenu dans chaine.
]]>
</msgeval>
       <eval><![CDATA[var a=1;
var chaine="a = a + 10";
eval(chaine);
var result = a;
]]>
</eval>
       <msgfor><![CDATA[Déclare une boucle incrémentale sur un compteur en assurant la gestion de l'incrément et de la sortie de la boucle.
Une boucle for a une syntaxe particulière, identique à celle du langage C.
for (i=0; i<10; i++) { ... }
for (i=0; i<10; i=i+2) { ... }
for (i=10; i>0; i--) { ... }

Le premier paramètre initialise la variable compteur.
Le second paramètre indique le critère qui permet de poursuivre la boucle. Dès que le critère est false la boucle est interrompue.
Le dernier argument indique comment le compteur évolue à chaque tour de boucle. Pour rappel i++ est équivalent à i = i + 1
]]>
</msgfor>
       <for><![CDATA[var result='';
for (i=0; i<10; i++) {
 result += i + " ; ";
};
for (i=0; i<10; i=i+2) {
   result +=i + " ; ";
};
for (i=10; i>0; i--) {
    result +=i + " ; ";
};
]]>
</for>
       <msgfunction><![CDATA[Une fonction se compose d'un nom, d'une liste de paramètres et d'un corps.
Le mot clé var permet de déclarer une variable locale, utilisable uniquement dans le corps de la fonction.
Le mot clé return renvoie la valeur 
]]>
</msgfunction>
       <function><![CDATA[function MettreAuCarre(valeur) {
   var carre = valeur * valeur;
   return carre;
};
result = MettreAuCarre(3);
]]>
</function>
       <msgif><![CDATA[structure conditionnelle de test orientant l'exécution d'une portion de script, du genre "si ... alors ..."
Le test if est souvent associé à else pour créer un test "si ... alors ... ".
]]>
</msgif>
       <if><![CDATA[var dt=new Date();
var heure = dt.getHours();
if (heure<12) {
   result="Nous sommes avant-midi";
} else {
    result="Nous sommes après-midi";
}
]]>
</if>
       <msgisFinite><![CDATA[retourne true si nombre est un nombre fini, sinon retourne false.
]]>
</msgisFinite>
       <isFinite><![CDATA[result=isFinite("100") + "-";
result+=isFinite("aa10") + "-";
result+=isFinite("100a") + "-";
]]>
</isFinite>
       <msgisNaN><![CDATA[retourne true si chaine n'est pas un nombre, sinon retourne false.
]]>
</msgisNaN>
       <isNaN><![CDATA[result=isNaN("100") + "-";
result+=isNaN("aa10") + "-";
result+=isNaN("100a") + "-";
]]>
</isNaN>
       <msgnew><![CDATA[l'opérateur new est indispensable pour créer des objets en javascript, 
]]>
</msgnew>
       <new><![CDATA[var dt=new Date();
result = "Nous sommes en " + dt.getFullYear();
]]>
</new>
       <msgparseFloat><![CDATA[convertit chaine en un nombre décimal. Retourne le nombre si la conversion est possible et NaN si la conversion est impossible.
]]>
</msgparseFloat>
       <parseFloat><![CDATA[result=parseFloat("100.5") + "-";
result+=parseFloat("aa10") + "-";
result+=parseFloat("100.2a") + "-";
]]>
</parseFloat>
       <msgparseInt><![CDATA[convertit chaine en un nombre entier. Retourne le nombre si la conversion est possible et NaN si la conversion est impossible.
]]>
</msgparseInt>
       <parseInt><![CDATA[result=parseInt("100.5") + "-";
result+=parseInt("aa10") + "-";
result+=parseInt("100.2a") + "-";
]]>
</parseInt>
       <msgreturn><![CDATA[le mot clé return est utilisé dans le corps d'une function pour renvoyer le résultat d'un traitement.
]]>
</msgreturn>
       <return><![CDATA[function MettreAuCube(valeur) {
   return valeur * valeur * valeur ;
   }
result = MettreAuCube(2);
]]>
</return>
       <msgswitch><![CDATA[Remplace et optimise l'écriture d'un test if sur la même valeur de contrôle.
]]>
</msgswitch>
       <switch><![CDATA[var dt=new Date();
var jour=dt.getDay();
switch(jour) {
   case 0:
       result="0 !";
   case 1:
       result="1 !";
   case 2:
       result="2 !";
   case 3:
       result="3 !";
   case 4:
       result="4 !";
   case 5:
       result="5 !";
   case 6:
       result="6 !";
       break;
   default:
       result="defaut";
       break;
}
]]>
</switch>
       <msgvar><![CDATA[déclaration d'une variable globale ou locale: locale si elle définit dans le corps
d'une fonction,sinon elle est globale]]>
</msgvar>
       <var><![CDATA[var gl=2;
result=gl;
f1();
function f1(){ var gl = 5;
result+='-'+gl;
gl = 6;
result+='-'+gl;
}
result+='-'+gl;
]]>
</var>
       <msgwhile><![CDATA[déclare une boucle qui se poursuit tant qu'une expression est vraie.]]>
</msgwhile>
       <while><![CDATA[result = '';var i = 500;
while (i>5) {
   result+=(i + ";");
   i = i / 2;
}]]>
</while>
       <msgwith><![CDATA[le mot clé with évite l'emploi répété du nom d'un objet pour accéder à ses propriétés et à ses méthodes.]]>
</msgwith>
       <with><![CDATA[with (window.navigator) {
  result=(appName + "-");
  result+=userAgent ;
}]]>
</with>
       <msgunescape><![CDATA[décode une chaîne de caractères encodée par la fonction escape().
]]>
</msgunescape>
       <unescape><![CDATA[result=unescape(escape("chaîne de caractères !"));
]]>
</unescape>
</fr>
     <en>
       <title><![CDATA[Array]]>
</title>
       <srchlp><![CDATA[<DIV><b>Array</b></DIV>
<DIV>Click on RUN to </DIV>
<DIV>Execute the code entered<br> in the text area</DIV>
]]>
</srchlp>
</en>
     <title><![CDATA[Mathématiques]]>
</title>
</ztml>
   <html>
     <head><![CDATA[<title>Control</title>
  <meta charset="utf-8" />
  <meta name="viewport" id="viewport" content="width=device-width, user-scalable=no" />
<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[.tete {font-family : "Arial,sans-serif";
border-left: 3px solid black;
color:black;
padding-left:10px;
width:100px;
font-size:25px;
}

.tata {font-family : "Arial,sans-serif";
border-left: 3px solid black;
color:black;
padding-left:10px;
width:500px;
height:100px;
font-size:25px;
}
.toto {display:grid;font-family : "Arial, sans-serif";
color:black;
border-left: 3px solid green;
padding-left:10px;width:250px;
font-size:25px;
width:500px;
height:100px;
}	
.titi {font-family : "Arial, sans-serif";
color:blue;
border-left: 3px solid blue;
padding-left:10px;width:250px;
font-size:25px;
width:500px;
height:100px;
}
]]>
</style>
       <script><![CDATA[call = function (event)
{
var div=ZTmEvent(event).target;
if (div.nodeName=='DIV') 
	{ 
	//alert(div.innerHTML);
	//alert(ZTmValueMsg(div.innerHTML));
	ZTmCln('textarea','titi').value=""; ZTmCln('textarea','toto').value=""; 
	ZTmCln('textarea','toto').value= ZTmValueMsg(div.innerHTML);
	ZTmCln('textarea','tata').innerHTML = div.innerHTML+' '+ZTmValueMsg('msg'+div.innerHTML);
	
	try {
			ZTmJavas(ZTmValueMsg(div.innerHTML));
			} catch (e) {		
			alert(e.message);
			}
	//alert(result.constructor);
	if (/String/.test(result.constructor)) ZTmCln('textarea','titi').value= 'result = new String("'+result+'");';		
	if (/Array/.test(result.constructor)){
	ZTmCln('textarea','titi').value= 'result = new Array(';	
		for (var j=0;j<result.length;j++) {
		if (j==(result.length-1))ZTmCln('div','titi').value+='"'+result[j]+'"';
		if (j!=(result.length-1))ZTmCln('div','titi').value+='"'+result[j]+'",';
		}
		ZTmCln('textarea','titi').value+= ');';	
	}	
	if (/Number/.test(result.constructor)) ZTmCln('textarea','titi').value= 'result = new Number('+result+');';		
	
	}
	if(div.nodeName=='TD'&&/ztmtitle/.test(div.className)) {ZTmHlp();return;}
	if (div.nodeName=='IMG') 
	{  
	if(/window-x/.test(div.src)) clear();
	if(/window-task/.test(div.src)) {ZTmcreTasks();}	
	}
		
	if (div.nodeName=='INPUT') 
	{ 
		if(/Run/.test( div.value)){
			try {
			ZTmJavas(ZTmCln('textarea','toto').value);
			if (/String/.test(result.constructor)) ZTmCln('textarea','titi').value= 'result = new String("'+result+'");';		
	if (/Array/.test(result.constructor)){
	ZTmCln('textarea','titi').value = 'result = new Array(';	
		for (var j=0;j<result.length;j++) {
		if (j==(result.length-1))ZTmCln('textarea','titi').value+='"'+result[j]+'"';
		if (j!=(result.length-1))ZTmCln('textarea','titi').value+='"'+result[j]+'",';
		}
		ZTmCln('textarea','titi').value+= ');';	
	}	
	if (/Number/.test(result.constructor)) ZTmCln('textarea','titi').value= 'result = new Number('+result+');';		
	
			} catch (e) {		
			alert(e.message);
			}
		}
	}
}
function ZTm(){
ZTmlInit();
TD=ZTmCln("TD","ztm");
tata=document.createElement("TEXTAREA");
tata.className="tata";
TD.appendChild(tata);
toto =document.createElement("TEXTAREA");
toto.className="toto";
TD.appendChild(toto );
titi =document.createElement("TEXTAREA");
titi.className="titi";
TD.appendChild(titi );	
corps=document.getElementsByClassName("ztmcorps")[0];
document.onclick=call;	
var tmp='';						
}
 
]]>
</script>
</head>
     <body onload="ZTm();"><![CDATA[<INPUT type=button class=divcalc value=Run >
<TABLE><TBODY>
<TR><TD>
<DIV class=tete>break</DIV>
<DIV class=tete>escape</DIV>
<DIV class=tete>eval</DIV>
<DIV class=tete>for</DIV>
<DIV class=tete>function</DIV>
<DIV class=tete>if</DIV>
<DIV class=tete>isFinite</DIV>
<DIV class=tete>isNaN</DIV>
<DIV class=tete>new</DIV>
<DIV class=tete>parseFloat</DIV>
<DIV class=tete>parseInt</DIV>
<DIV class=tete>return</DIV>
<DIV class=tete>switch</DIV>
<DIV class=tete>unescape</DIV>
<DIV class=tete>var</DIV>
<DIV class=tete>while</DIV>
<DIV class=tete>with</DIV>
</TD>
<TD class=ztm></TD></TR>
</TBODY></TABLE>
	]]>
</body>
</html>
</ztmstudio>