pipo --> <br>typefile --> <br><br><br>    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.2.0/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.2.0/styles/vs.min.css">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<script>
// https://www.dotnetfunda.com/forums/show/21633/is-it-possible-to-detect-a-page-refresh-f5-using-jquery
/*
$(document.body).on("keydown", this,
     function (event) { 
          if (event.keyCode == 116) { alert('F5 pressed!'); 
       } 
});
*/

// https://www.geeksforgeeks.org/how-to-make-ajax-call-from-javascript/

document.onkeydown = fkey;
document.onkeypress = fkey
document.onkeyup = fkey;

var wasPressed = false;

function fkey(e){
        e = e || window.event;
       //if( wasPressed ) return; 

        if (e.keyCode == 116) {
             //alert("Refresh f5 pressed");
             pipo();
            wasPressed = true;
        }
        /*if (e.keyCode == 13) 
        {
            alert("enter ...");    
            wasPressed = true;
        }*/
        /*else {
            alert("Window closed");
        }*/
 }

 /*function changeSession()
 {
    var value="recharger_page";
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function()
    {
        if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
        {
            alert(xmlHttp.responseText);
        }
    }
    xmlHttp.open("post", "change_session_variable.php"); 
    xmlHttp.send(value);
}*/

function pipo()
{

    var xhr = new XMLHttpRequest();

    xhr.onreadystatechange = function()
	{
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200)
		{
			retour = xhr.responseText;
			
			alert(retour);
				
				
		}
	}

    xhr.open("POST","change_session_variable.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    var value="recharger_page";
	xhr.send("envoi="+value);

}

window.onbeforeunload = function () {
    alert("Leaving page...");
}

    </script>

<style type="text/css">
    .tbl {width: 640px;}
    .tbl tr {background-color: Blue; height: 24px}
    .tbl tr:hover {background-color: Red;}
</style>



<style>

tr:hover {
          background-color: #ffff99;
        }

 .selected {
    background-color: #E30B5C;
}      

.noselected {
    background-color: #5555;
}    

.newRow
{
  color: #dd0000;
  background-color:#ffd700;
}

.blankcell {
    background: none!important; 
    border: none!important;
}



    .aligned {
      display: flex;
      align-items: center;
    }
    .aligned > img {
      margin-right: 10px;
    }

  
    a { text-decoration: none; }
 
</style>

<script type="text/javascript"> 

function disableBack()
{ window.history.forward(); }
//setTimeout("disableBack()", 0);
//window.onunload = function () { null };

  
        // JavaScript Code to Highlight any 
        // row in the given table. 
 /*       document.getElementById('table_to_highlight') 
            .addEventListener('click', function (item) { 
  
                // To get tr tag  
                // In the row where we click 
                var row = item.path[1]; 
  
                var row_value = ""; 
  
                for (var j = 0; j < row.cells.length; j++) { 
  
                    row_value += row.cells[j].innerHTML; 
                    row_value += " | "; 
                } 
  
                alert(row_value); 
  
                // Toggle the highlight 
                if (row.classList.contains('highlight')) 
                    row.classList.remove('highlight'); 
                else 
                    row.classList.add('highlight'); 
            }); 
        */    
    </script> 

<script>



function toggle(source) 
{ 
    
            let checkboxes = document.querySelectorAll('input[type="checkbox"]'); 
            for (let i = 1; i < checkboxes.length; i++) 
            { 
                if (checkboxes[i] != source) 
                {
                    checkboxes[i].checked = source.checked; 
                   // document.getElementById("table_to_highlight").rows[i].style.background = selected;
                   // document.getElementById('t2').style.backgroundColor=color3;

                    //x[i].innerHTML = "NEW CONTENT";
                   
                }    
            } 

            
            selectedRow();
} 

function plouf(element)
{
    //alert("Bingo...");

    //var x = document.getElementById("table_to_highlight").rows[element].cells;
    //                x.className = "newRow";
    //                console.log(x);

    /*if(  element.style == "selected")
    {
        element.classList.toggle("noselected");
        alert("annule");
    }
    else 
    {
                     element.classList.toggle("selected");
                     alert("flash");
    }  */               

    element.classList.toggle("selected");
}


function selectedRow(){
                
                var index,
                table = document.getElementById("table_to_highlight");
            
                for(var i = 1; i < table.rows.length; i++)
                {
                    //table.rows[i].onclick = function()
                    //{
                         // remove the background from the previous selected row
                        //if(typeof index !== "undefined"){
                        //   table.rows[index].classList.toggle("selected");
                        //}
                        //console.log(typeof index);
                        // get the selected row index
                        var index = this.rowIndex;
                        // add class selected to the row
                        //console.log("message....");
                        //this.classList.toggle("selected");
                        //console.log(typeof index);

                        table.rows[i].classList.toggle("selected");
                     //};
                }
                
            }
function test_checkbox()
{

    console.log(" Au total : " + document.querySelectorAll('input[type="checkbox"]').length);

    let checkboxes = document.querySelectorAll('input[type="checkbox"]'); 

    console.log(checkboxes);

    for(var i=0, n=checkboxes.length;i<n;i++)
    {
        //checkboxes[i].checked = source.checked;
        if (checkboxes[i].checked == true)
        {
            console.log( i + "  " + checkboxes[i] + " OK " );
        }
        else
        {
            console.log( i + "  " + checkboxes[i] + " No " );   
        }

    }

    const checked = document.querySelectorAll('input[type="checkbox"]:checked')
    let selected = [];
    selected = Array.from(checked).map(x => x.value)

    console.log(" +++++ " + selected);

    /*var item = document.getElementById("ck1");
    if (item.checked == true)
    {
        console.log(" +++++ " + document.getElementById("ck1").value);
    }    */

}

function tutu()
{
    let checkboxes = document.querySelectorAll('input[type="checkbox"]'); 
    //let nb = checkboxes.length;

    selection_elements = [];

    for(var i=1 ; i<checkboxes.length ;i++)
    {
        let numerotation = "CK" + i;
        console.log(" ***** " + numerotation);
        var obj = document.getElementById(numerotation);  

        if (obj.checked == true )
        {
            var contenu = document.getElementById(numerotation).value;
            console.log(" Selection ---->>>> " + contenu);
            selection_elements.push(contenu);
            //console.log("\n");
        }
    }    

    /* const jsonContent = JSON.stringify(selection_elements);

    const fs = require("fs");

    fs.writeFile("./alphabet.json", jsonContent, 'utf8', function (err)
    {
        if (err)
        {
            return console.log(err);
        }

        console.log("The file was saved!");
    }); */

    /*$.ajax({
        url: "titi.php",
        type: "POST",
        dataType: 'json',
        data: JSON.stringify(selection_elements),
        success: function(response){}

       });
    */
    var tab1 = new Array();
					
	tab1.push("champ_date");
	tab1.push("champ_valeur");   

    xmlhttp = new XMLHttpRequest();
	var JsonString = JSON.stringify(tab1);

    var aze = "+";

	//xmlhttp.onreadystatechange = respond;
	xmlhttp.open("POST", "titi.php", true);
	xmlhttp.send(JsonString);

}
</script>

La variable session n'existe pas <br><br>Mode update<br><br>SCAN folder .... /home/analogde/www/Fusion<br><br><br><br><table id='table_to_highlight' border=1 cellpadding=5 cellspacing=0 class=whitelinks><tr class='blankcell'><th><input type='checkbox' onclick='toggle(this);'></th><th>Filename</th><th>Filetype</th><th>Filesize</th></tr></table>
<br><br><input type='button' id='btn_selection' onclick='test_checkbox()' value='Validation'><br><br><input type='button' id='test' onclick='tutu()' value='Check'>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Patoche</title>

<style>
  
  code,pre{display:block;margin-bottom:10px;font:13px/16px Consolas,'Courier New',Courier,monospace;border:1px dashed #ccc;padding:5px;overflow:auto}
pre.with-hljs{padding:0}
pre.with-hljs code{margin:0;border:0;overflow:visible}

</style>    


</head>
<body>
<div id="wrapper">
</body>    
</html>