// JavaScript Document

var ___xfileInput = document.getElementById("xfileInput");
if(___xfileInput)___xfileInput.style.backgroundColor='yellow';

if(0){

var ___spanxfileInput = document.getElementById("spanxfileInput");
spanxfileInput.style.width='20px';
if(spanxfileInput)spanxfileInput.style.width='20px';
}
//if(spanxfileInput)spanxfileInput.style.width='20px';//!\warning:

var tableBody = document.getElementById("desc");
var imagesMultiple = document.getElementById("imagesMultiple");
var imagesDir=js$Obj$KV$FS$FilesOfSite.imagesDir;//`../../../atelier/steganography-main`;
var numimagesDir=numimagesDirDel=-1;
    var html = [];
//    var imvDiv = [];
var tfiles;
var ttrnbrrow=0;

var distantDIRS={
   case1:`distantDIRS/systemboost.entreprise/photos/case1`
};
distantDIRS.case2=distantDIRS.case1;
distantDIRS.case3=distantDIRS.case1;
distantDIRS.case4=distantDIRS.case1;

distantDIRS={
   case1:`/localDIRS/namesite/photos/case1`
};
distantDIRS.case2=distantDIRS.case1;
distantDIRS.case3=distantDIRS.case1;
distantDIRS.case4=distantDIRS.case1;

var GridOfImages={// GridOfImages.PlugFctDisplayDatas   ,  ridOfImages.PlugFctPostDatas 
 PlugFctDisplayDatas:window.DisplayDataOpen
,PlugFctPostDatas:window.sendDataOpen
};



function ___getXDomainRequest(){
try{xline+=`96;index=1;//js.fct="js.fct:jsb:getXDomainRequest()";
//=====
fcttxt=`function getXDomainRequest()`;js.fct=parent.alertFunctionProperties(fcttxt);
//=====
   if (window.XDomainRequest){js.xdr = new XDomainRequest(); }
    else if (window.XMLHttpRequest) { js.xdr = new XMLHttpRequest(); }
     else {xline+=`/51`;jsfct_dvlptAlert(['',l2p,h2p,"//!\fr Votre navigateur ne gère pas l'AJAX cross-domain !"]);
    }
   return js.xdr;        
}catch(e){parent.alertError(e,index);}
}

//}//!\end:function getXDomainRequest(){js.fct="js.fct:jsb:getXDomainRequest()";

// https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement/cells
// https://www.geeksforgeeks.org/javascript-loop-through-table-cells-using-js/
// https://www.codeguage.com/courses/ajax/response-handling
function ___loopThroughTableRows(sectionTBody,view) {
stophere=1;
		let rowstr=alltr={};//zrow={};
		let table = document.getElementById(sectionTBody);
			Array.from(table.rows).forEach(row => {
        cells={};map=new Map([[`row`+(row.rowIndex-1), {}],]);
        objRow=Object.fromEntries(map);nameRow=Object.keys(objRow);// cellule ["row0", "tr"]
/*
if(0&&stophere&&view)alert("Object.entries(objRow)= "+Object.entries(objRow)
+"\n row.rowIndex= "+row.rowIndex
+"\n row.cells.length= "+row.cells.length
);
*/
				Array.from(row.cells).forEach(cell => {
          //c=cell.cellIndex;
				if(cell.cellIndex<row.cells.length-2){ // 4= 6-2
// https://www.geeksforgeeks.org/how-to-append-an-object-as-a-key-value-in-an-existing-object-in-javascript/				
//				Object.assign(target_object, source_object)
//  https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/fromEntries        
          map=new Map([[`c`+(cell.cellIndex), cell.textContent],]);// cellule ["c0", "textContent"]
          objCell = Object.fromEntries(map);nameCell=Object.keys(objCell);
//if(0&&stophere&&view)alert("(rowstr[nameRow]==rowstr.nameRow)= "+(rowstr[nameRow]==rowstr.nameRow));// Object.entries(objCell)= c0,1
//if(stophere&&view)alert("Object.entries(objCell)= "+Object.entries(objCell));// Object.entries(objCell)= c0,1
	        cells = {... objCell,};// push de chaque cellule dans l'object des cellules
					row.style.backgroundColor=(row.rowIndex%2?"red":"yellow");
//					cell.style.backgroundColor=(cell.cellIndex%2?"red":"yellow");
					
//if(0&&stophere&&view)alert("ICI rowstr[Object.keys(objRow)]= "+rowstr[nameRow]);// ICI rowstr[Object.keys(objRow)]= [object Object]
//if(0&&stophere&&view)alert("ICI Object.entries(rowstr)= "+Object.entries(rowstr));// ICI ICI Object.entries(rowstr)= row0,[object Object]
//if(0&&stophere&&view)alert("ICI Object.entries(rowstr[nameRow])= "+Object.entries(rowstr[nameRow]));// ICI ICI Object.entries(rowstr)= row0,[object Object]
//if(0&&stophere&&view)alert("ICI rowstr[nameRow][nameCell]= "+Object.entries(rowstr[nameRow][nameCell]));// ICI ICI Object.entries(rowstr)= row0,[object Object]
	        rowstr[nameRow] = {... rowstr[nameRow], ... cells,};// push de chaque cellule dans le row
          }
	   //     rowstr[nameRow] = {... rowstr[nameRow], ... cells,};// push de chaque cellule dans le row
				});
if(1&&stophere&&view)alert("JSON.stringify(rowstr[nameRow])= "+JSON.stringify(rowstr[nameRow]));
//if(0&&stophere&&view)alert("Object.keys(rowstr)= "+Object.keys(rowstr));
//if(0&&stophere&&view)alert("Object.values(rowstr)= "+Object.values(rowstr));
//if(0&&stophere&&view)alert("Object.entries(rowstr)= "+Object.entries(rowstr));
//if(0&&stophere&&view)alert("Object.entries(rowstr.row0)= "+Object.entries(rowstr.row0));// Object.entries(rowstr.row0)= c0,1,c1,michelb.jpg,c2,image/jpeg,c3,2144
//if(0&&stophere&&view)alert("rowstr.row0.c0= "+rowstr.row0.c0);
//if(0&&stophere&&view)alert("rowstr.row0.c3= "+rowstr.row0.c3);
//if(0&&stophere&&view&&rowstr.row1)alert("rowstr.row1.c0= "+rowstr.row1.c0);

//alltr = {... rowstr[nameRow],};

if(1&&stophere&&view)alert("JSON.stringify(rowstr)= "+JSON.stringify(rowstr));

			});
//if(1&&stophere&&view)alert("Object.entries(rowstr)= "+Object.entries(rowstr));
			return(rowstr);
// https://stackoverflow.com/questions/46852738/can-i-use-javascript-to-find-a-table-row-by-its-rowindex/46853170#46853170
}

function DisplayDataOpen(view){
view=1;		

// https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement/cells

if(!GridOfImages){alert("DisplayDataOpen(formthis) for GRID DATAS"+ "\n NOT GridOfImages= "+GridOfImages);return;}
if(!GridOfImages.PlugFctDisplayDatas){alert("DisplayDataOpen(formthis) for GRID DATAS"+ "\n NOT GridOfImages.PlugFctDisplayDatas= "+GridOfImages.PlugFctDisplayDatas);return;}
if(!tableBody){alert("tableBody for GRID DATAS"+ "\n NOT tableBody= "+tableBody);return;}

if(view)alert("SUCCESS  DisplayDataOpen(formthis) for GRID DATAS"+"\n tableBody.rows.length= "+tableBody.rows.length);
if(!tableBody.rows.length){alert("tableBody for GRID DATAS"+ "\n NOT tableBody content= "+tableBody.rows.length);return;}

if(view)alert("SUCCESS  DisplayDataOpen(formthis) for GRID DATAS"+"\n tableBody.rows.length.cells[0].innerHTML= "+tableBody.rows[0].cells[0].innerHTML);
// https://stackoverflow.com/questions/35459918/disable-label-click-event
//loopThroughTableRows("tabledesc");
return(loopThroughTableRows("desc",view));// rowstr.row0.c3  griddatas

/*
js.iData={};tableBody.rows[0].cells.forEach((value,key)=>(
js.iData[key]=value
));
alert(Object.entries(js.iData));
*/
//sendDataOpen(null);
}

function sendDataOpen(formthis){
try{xline+=`/104`;index=1;js.fct="js.fct:jsb:aX:sendDataOpen(formthis)";
js.fctAction="send datas to aX";
//=====
js.fct=fcttxt=`function sendDataOpen(formthis)`;fct=parent.alertFunctionProperties(js.fct);
//=====
gridDatas=DisplayDataOpen(0);

alert("sendDataOpen(formthis) for SEND DATAS with AJAX \n "+Object.entries(gridDatas.row0));

   js.xdr=getXDomainRequest();
//   arr0=jsc_getformDataObj(formthis);
   js.formdata=(formthis? new FormData(formthis):new FormData());
//jspageFileAXForum
   testtext="FileAX";testgridDatas="gridDatas";
   js.formdata.append(testtext,`xcodeValues.dirUserSite`);
//   js.formdata.append(testgridDatas,JSON.stringify({\"row0\":\"michel\"}));//gridDatas);
//texte='{"row0":"michel"}';
//obj={"row0":"michel"};
//json=JSON.stringify(obj);
   js.formdata.append(testgridDatas,JSON.stringify(gridDatas));//gridDatas);

//   js.formdata=arr0[0];js.iData=arr0[1];// iDataSerialize
   js.xdr.onload=function(){
     
     outText=js.xdr.responseText;//js.xdr.responseText;
     
     alert(`RECEPTION js.xdr.onload=function() ! `+js.xdr.responseText);// this.responseText;
//     sendDataOpenResults(formthis);
if(1)// 1 est indispensable car si avec 0, on remplace le " par vide ça pose des problèmes pour les objects
    js.oData=JSON.parse(js.xdr.responseText);
else
    js.oData=JSON.parse(decodeURI(js.xdr.responseText).replace(/\\"/gi,""));
    
     if(!js.oData.outajax||js.oData.outajax!=`startoutajax`){
          alert(`Erreur dans script AJAX ! `+js.oData.outajax);return(`error AJAX`); 
     }
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableCellElement/cellIndex
     
     alert(`SUCCESS js.xdr.onload=function() ! `+js.xdr.responseText);
     alert("line 335 alors js.oData.FileAX= "+js.oData.FileAX);
//     texte=String(js.oData[`gridDatasOK`]);
     texte=String(js.oData[`gridDatas`]);//gridDatasOK
     alert("Object.entries(texte)= "+Object.entries(texte));
     alert("texte= "+texte);
//     alert("js.oData[`gridDatasOK`]= "+JSON.parse(js.oData[`gridDatasOK`]));
//     texte="`"+js.oData[`gridDatasOK`]+"`";
//const json = '{"result":true, "count":42}';
//const json = '{result:true, count:42}';
     obj=JSON.parse(texte); // "typeof obj= "+typeof obj+
//     obj=JSON.parse(js.oData[`gridDatasOK`],reviver); // "typeof obj= "+typeof obj+
     alert("\n typeof texte= "+typeof texte+"\n typeof obj= "+typeof obj+"\n Object.entries(obj)= "+Object.entries(obj)
 +"\n obj.row0.c1= "+obj.row0.c1
 +"\n obj.row0.c3= "+obj.row0.c3+"\n obj.row2.c1= "+obj.row2.c1
     );
     
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify  serialize un object   
//     alert("Object.entries(js.oData[`gridDatasOK`])= "+Object.entries(obj));
//     alert("js.oData.gridDatasOK.row0= "+Object.entries(js.oData.gridDatasOK.row0));
//     essai=`essai`; outajax']='
//    alert(js.oData[`outajax`]);//ok js.xdr.responseText);
//    alert(js.oData.outajax);// ok js.xdr.responseText);
//    alert(js.oData.outajax[essai]);// not ok  js.xdr.responseText);
//    alert(js.oData.outajax[`essai`]);// not ok  js.xdr.responseText);
 //    alert(js.oData.outajax.essai);//js.xdr.responseText);
 //    alert(js.oData.outajax[`essai`]);//js.xdr.responseText);
//     alert(js.oData[`outajax`][`essai`]);//js.xdr.responseText);
//     alert(js.oData[testtext]);//ok js.xdr.responseText);
//     alert(js.oData.FileAX);//ok js.xdr.responseText);
     }
//-----
//   js.xdr.open("POST",js.linkAjax,js.synchro);// synchro=false permet d'ATTENDRE que results vers return(results);
   js.xdr.open("POST",`../ajax-test.php`,false);// synchro=false permet d'ATTENDRE que results vers return(results);
//   C:\atelier\steganography-main\ajax-test.php
//js.xdr.setRequestHeader('Content-type', 'application/json; charset=UTF-8');

   js.xdr.send(js.formdata);
}catch(e){parent.alertError(e,index);}
}

//}//!\end:function sendDataOpen(formthis){js.fct="js.fct:jsb:aX:sendDataOpen(formthis)";
/*
function jsc_getformDataObj(formthis){js.fct="js.fct:jsb:jsc_getformDataObj(formthis)";
//----
js.formdata=new FormData(formthis);
//jspageFileAXForum
js.formdata.append("FileAX",postPostit.jspageFileAXForum);
js.formdata.append("FileLearnerSerialData",postPostit.jsfileLearnerSerialData);

js.formdata.append("userSite",jsStartSite.userSite);
js.formdata.append("isDir_iC",jsStartSite.isDir_iC);
js.formdata.append("isDir_Site",jsStartSite.isDir_Site);
js.formdata.append("isLOCALHOST",jsStartSite.isLOCALHOST);
js.formdata.append("isRemoteIP",jsStartSite.isRemoteIP);
js.formdata.append("isLang",jsStartSite.isLang);
js.formdata.append("isConnected",jsStartSite.isConnected);
//----
js.iData={};js.formdata.forEach((value,key)=>(js.iData[key]=value));
return(new Array(js.formdata,js.iData));
}//!\end:function jsc_getformDataObj(formthis){js.fct="js.fct:jsb:jsc_getformDataObj(formthis)";
*/

//sendDataOpen(null);
//=====================================
//=====================================
function ___modeCases(This) {
try{xline+=`/109`;index=1;
//=====
fcttxt=`function ___modeCases(This)`;fct=parent.alertFunctionProperties(fcttxt);
//=====
choiced=This.options[This.selectedIndex].value;
if(0)alert("line "+line+"\/"+fcttxt+"\n"+" dirname destination= "+choiced);
x=document.querySelector(`#dirnameModeCases`);
y=document.querySelector(`#labelxfileInput`);if(y)y.style.display=`block`;

l=document.getElementById(`labelxfileInput`).setAttribute(`onclick`,`return(true);`);
document.getElementById(`ixfileInput`).style.display=`none`;    


switch(choiced){
  case "case1":
     if(x)x.innerHTML=choiced;
     break;
  case "case2":
     if(x)x.innerHTML=choiced;
     break;
  case "case3":
     if(x)x.innerHTML=choiced;
     break;
  case "case4":
     if(x)x.innerHTML=choiced;
     break;
}

//let labelspan = document.querySelectorAll(".truc span");
//if(labelspan){
//alert("labelspan.style.background= "+labelspan.style.background);
    //labelspan.style.height='20px';
//}

}catch(e){parent.alertError(e,index);}
}
//=====================================
//=====================================

// https://www.codeguage.com/courses/advanced-js/file-apis-file-object    super
// https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces
// https://www.strangebuzz.com/en/snippets/adding-row-numbers-to-an-html-table-using-the-browser-javascript-console
// https://www.swebdev.fr/blog/personnaliser-l-apparence-d-un-input-file-en-css
// https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse



function ___testdeleteRowTable(This){//tfiles){
table=This.parentElement.parentElement.parentElement;
tbody=This.parentElement.parentElement;// tableBody
tr=This.parentElement;
//var i=r.parentNode.parentNode.rowIndex;
//document.getElementById('myTable').deleteRow(i);
//alert("This.parentNode.parentNode.rowIndex= "+This.parentNode.parentNode.rowIndex
// https://gist.github.com/rheno/8610935
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement/sectionRowIndex
//  https://gist.github.com/rheno/8610935

index0=parseInt(tr.rowIndex);
//index=parseInt(tr.rowIndex-1);
index=parseInt(index0-1);

alert("test \n    (This.parentElement.parentElement==tbody)= "+(This.parentElement.parentElement==tbody)
+"\n tr.rowIndex= "+tr.rowIndex+"\n index= "+index
+"\n tbody.rows.length= "+tbody.rows.length
+"\n document.getElementsByName(arrayImages)[index]= "+document.getElementsByName("arrayImages")[index0-1]
+"\n This.children[0].src= "+This.children[0].src
+"\n This.children[0].id= "+This.children[0].id
//+"\n document.getElementsByName(arrayImages)[index].src= "+document.getElementsByName("arrayImages")[index0-1].src
);
//
// arrayImages
//tbody.deleteRow(index);
tbody.getElementsByTagName("tr")[index].remove();
html[index]=``;
document.getElementById(This.children[0].id).remove();


//autoriseImagesSearch(tbody.rows.length);
autoriseImagesSearch();
//autoriseImagesSearch(tbody.rows.length,selectedIndex);
//document.getElementsByName("arrayImages")[index].remove();

////tbody.getElementsByTagName("tr")[index].innerHTML=null;
////tbody.rows[tr.rowIndex].remove();

}
  //!\warning:très intéressant
xline+=`/336`;if(0)alert("line "+xline+" \n xfileInput= "+___xfileInput);

if(___xfileInput)
___xfileInput.onchange = function(e) {
    var files = this.files;
//    var html = [];
    tfiles=this.files;

    // iterate over all files
    for (var file of files) {
    
    x=file.type.split(`image/`);
    if(!x[1]){
       alert(file.name+` `+`n\'est pas une image`);return;
    
    }


//myTable = tableBody.getElementsByTagName("table")[0];
//myTableBody = tableBody.getElementsByTagName("tbody")[0];
//myRow = myTableBody.getElementsByTagName("tr")[1];
//myCell = myRow.getElementsByTagName("td")[1];
  //  numimagesDir++;// tableBody.rows

  //  xnum=tableBody.rows.length;
//    xnum=myTableBody.rows;
//    rows = table.getElementsByTagName('tbody')[0].rows;
//    rows = table.getElementsByTagName('tbody')[0].rows;
    //    properties=jsMinElementHTML.GetId(`NbrFiles`);
    //    selectedIndex=properties.selectedIndex;//=3;

    //selectedIndex=document.getElementById(`NbrFiles`).selectedIndex;
//    w=document.getElementById(`NbrFiles`).options[properties.selectedIndex].value;
    
    if(0&&xnum){
        w=properties.element.value;
         alert(`xnum= `+xnum+`\n w= `+w);//[0]);Object.entries(xnum));//[0]);

/*
        // if(parseInt(w)>=3){alert(`Le nombre d\`images ne doit pas dépasser à `+xnum);return;}
         if(0&&xnum&&xnum>=3){
//<label for="xfileInput" id="labelxfileInput" style="padding:2;margin:0;display:none;" onclick="return(true);">
     l=document.getElementById(`labelxfileInput`).setAttribute(`onclick`,`return(false);`);
     document.getElementById(`ixfileInput`).style.display=`inline`;    
             alert(`Le nombre d\`images ne doit pas dépasser à `+xnum);return;
             
             }
             */
    }

//    alert("Object.entries(this.files)= "+Object.entries(this.files)
//    +"\n"+"file= "+file);
    
    if (file) {
        if (file.size <= 200000)
            success="OK";//console.log("OK");
        else
            success="TOO";//console.log("Limit Exceeded!");
    }    
        // generate row markup for each file
//        https://jsnoteclub.com/blog/how-to-iterate-table-rows-in-javascript/
//  https://www.softline.fr/foreach-js/
//  https://www.softline.fr/christina-stathopoulos-plongez-dans-le-sql-pour-les-non-programmeurs/
//https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement/rowIndex
//        html.push(`<td>${file.name}</td><td>${file.type}</td><td>${file.size}</td><td>${success}</td><td onclick="testdeleteRowTable(`+this+`,`+files+`);"><img src="logo.jpg" id=""/></td>`);
//row=tableBody.row;
ttrnbrrow++;//row.rowIndex
        html.push(`<td align="center" style="min-width:50;max-width:50;">${ttrnbrrow}<input type="checkbox"/><input type="radio"/></td>
        <td align="center" style="min-width:50;max-width:200;">${file.name}</td>
        <td align="center">${file.type}</td>
        <td align="center">${file.size}</td>
        <td align="center">${success}</td>
        <td align="center" onclick="testdeleteRowTable(this);"><img src="../resources/images/trash-can_115312.svg" id="`+file.name+`" style="width:15;height:18;"/></td>`);
// C:\w3\popDev IT\resources\images
//image/jpg   image/png  image/svg+xml    ,  text/css
        y=imagesDir+`/`+file.name;z=`photos`+`/`+`case`+`1`;
        imagesMultiple.innerHTML+=`<span id="`+file.name+`"><img name="arrayImages" src="`+y+`" data-dest="`+z+`" title="`+file.name+`" style="margin:2;width:100;height:85;" /><br/>photos `+ttrnbrrow+`</span>`;
    }

    // finally create all table rows
    // and add them the tbody element
    tableBody.innerHTML = '<tr>' + html.join('</tr><tr>') + '</tr>';
    
    DisplayDataOpen(0);
    
    autoriseImagesSearch();//xnum);//,selectedIndex);
/*    
             if(xnum&&xnum+1>=3){
//<label for="xfileInput" id="labelxfileInput" style="padding:2;margin:0;display:none;" onclick="return(true);">
     l=document.getElementById(`labelxfileInput`);
     l.setAttribute(`onclick`,`return(false);`);
     s=document.getElementById(`spanxfileInput`);
     s.style.display=`none`;
     i=document.getElementById(`ixfileInput`);  
     i.style.display=`inline`;
     i.innerHTML=`Le nombre d\`images ne doit pas dépasser à `+(selectedIndex+1); // 
//     i.innerHTML=``Le nombre d\`images ne doit pas dépasser à `+(xnum+1)`; // selectedIndex
         
     //        alert(`Le nombre d\`images ne doit pas dépasser à `+(xnum+1));
    //         return;
             
             }
             */

}

function ___autoriseImagesSearch(){//xnum){//,selectedIndex){
    select=document.getElementById(`NbrFiles`);
    id=(select?select:`NbrFiles`);
if(1)alert("line 626 \n parent.jsMinElementHTML= "+parent.jsMinElementHTML+" \n id= "+id);//+"\n Object.entries(properties)= "+Object.entries(properties));
    properties=parent.jsMinElementHTML.GetId(id);//`NbrFiles`);
if(1)alert("line 628 \n parent.jsMinElementHTML= "+parent.jsMinElementHTML);//+"\n Object.entries(properties)= "+Object.entries(properties));
    selectedIndex=0;//properties.selectedIndex;//=3;//!\warning:
    
//    xnum=tableBody.rows.length;
if(0)alert("tableBody.rows.length= "+tableBody.rows.length+"\n selectedIndex= "+selectedIndex);
//if(1)alert("tbody.rows.length= "+tbody.rows.length+"\n selectedIndex= "+selectedIndex);tableBody

//<input id="idDisplayGridDatas" type="button" value="DISPLAY DATAS" style="float:right;display:inline"/>
//<input id="idSendImages" type="button" value="SEND IMAGES" style="float:right;display:none"/>
     l=document.getElementById(`labelxfileInput`);
     s=document.getElementById(`spanxfileInput`);
     i=document.getElementById(`ixfileInput`);  
     dgd=document.getElementById(`idDisplayGridDatas`);  
     si=document.getElementById(`idSendImages`);  
     s.style.height=`30px`;


    
             if(tableBody.rows.length>=selectedIndex+1){
//             if(xnum&&xnum>=selectedIndex+1){
//             if(xnum&&xnum+1>3){
//<label for="xfileInput" id="labelxfileInput" style="padding:2;margin:0;display:none;" onclick="return(true);">
//     l.style.display=`none`;
     l.setAttribute(`onclick`,`return(false);`);
     
     s.style.display=`none`;
     
     i.style.display=`inline`;
//     i.style.float=`middle`;
     i.innerHTML=`|$|Le nombre d\`images est limité à `+(selectedIndex+1) + ` document(s).`; // 
     
     dgd.style.display=`inline`;
     si.style.display=`inline`;
     
//     i.innerHTML=``Le nombre d\`images ne doit pas dépasser à `+(xnum+1)`; // selectedIndex
         
     //        alert(`Le nombre d\`images ne doit pas dépasser à `+(xnum+1));
    //         return;
             
             }
             else{
//<label for="xfileInput" id="labelxfileInput" style="padding:2;margin:0;display:none;" onclick="return(true);">
     //l=document.getElementById(`labelxfileInput`);
//     l.style.display=`inline`;
     l.setAttribute(`onclick`,`return(true);`);
     
     //s=document.getElementById(`spanxfileInput`);
     s.style.display=`inline`;
     
     //i=document.getElementById(`ixfileInput`);  
     i.style.display=`none`;
//     i.style.float=`middle`;
     i.innerHTML=`NON`;//`Le nombre d\`images ne doit pas dépasser à `+(selectedIndex+1);
     
     //si=document.getElementById(`idSendImages`);  
     dgd.style.display=`inline`;
     si.style.display=`none`;
     
      // 
//     i.innerHTML=``Le nombre d\`images ne doit pas dépasser à `+(xnum+1)`; // selectedIndex
         
     //        alert(`Le nombre d\`images ne doit pas dépasser à `+(xnum+1));
    //         return;
             
             }
             
}

//==================================
//==================================
//==================================
//==================================
function ___xxxdeleteRowTable(This,numimagesDir){//tfiles){
// This.parentElement.parentElement.parentElement = table
// This.parentElement.parentElement = tbody
// This.parentElement = tr

//myRows = myTable.rows;
//firstRow = myTable.rows[0];
//lastRow = myTable.rows.item(myTable.rows.length - 1);

// https://answers.laserfiche.com/questions/138573/Delete-row-from-table-2-based-on-row-index-from-table-1

table=This.parentElement.parentElement.parentElement;
tbody=This.parentElement.parentElement;
tr=This.parentElement;
//var i=r.parentNode.parentNode.rowIndex;
//document.getElementById('myTable').deleteRow(i);
//alert("This.parentNode.parentNode.rowIndex= "+This.parentNode.parentNode.rowIndex
// https://gist.github.com/rheno/8610935
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement/sectionRowIndex
alert("(This.parentElement.parentElement==tbody)= "+(This.parentElement.parentElement==tbody)
+"tbody.sectionRowIndex= "+tbody.sectionRowIndex
+"tr.rowIndex= "+tr.rowIndex
);
/*
alert("This.parentElement.parentElement.parentElement= "+This.parentElement.parentElement.parentElement
+"\n This.rowindex= "+This.rowindex+"\n tr.rowindex= "+tr.rowindex+"\n tr.indexOf= "+tr.indexOf
+"\n numimagesDir= "+numimagesDir+"\n tableBody.rows= "+Object.entries(tableBody.rows)
//+"\n tfiles= "+Object.entries(tfiles)
);
*/
//tbody.deleteRow(numimagesDir);
//tableBody.rows[numimagesDir]=tableBody.rows[numimagesDir+1];
//tbody.deleteRow(numimagesDir+1);
// https://www.geeksforgeeks.org/how-to-remove-the-table-row-in-a-table-using-javascript/
tbody.getElementsByTagName("tr")[2].remove();
//tableBody.rows[numimagesDir]=``;
//table.deleteRow(1);
 numimagesDir--;// tableBody.rows

}


/*
properties=parent.jsMinElementHTML.GetId(`NbrFiles`);
selectedIndex=properties.index=1;//3;
///alert("line 936 \n"+properties.index);

//document.getElementById(`NbrFiles`).selectedIndex=index-1;//  fixe le nombre d'images
properties.element.selectedIndex=selectedIndex-1;// properties.index-1;//  fixe le nombre d'images
*/