+++++++ /home/analogde/www/Design/fileman/Fusion<br><br><br>/home/analogde/www/Fusion/GANTT is not a directory/home/analogde/www/Fusion/pipo.html is not a file
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></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; }
 

   

/*
header('Content-Type: image/gif');
$image= file_get_contents('http://localhost/no_img.gif');
echo $image;?>  

https://cyberzoide.developpez.com/php4/file/

        https://stackoverflow.com/questions/16045668/highlight-table-row-when-check-box-is-checked

https://breakingpar.com/bkp/home.nsf/0/87256B280015193F87256D6900079C14

https://jsfiddle.net/s5Gzd/6

https://www.aspsnippets.com/Articles/2659/Get-selected-checked-CheckBox-Row-values-of-HTML-Table-using-JavaScript/

https://shivrajan.medium.com/javascript-function-to-highlight-a-table-row-when-its-clicked-1967a483e3c3

https://www.reddit.com/r/learnjavascript/comments/11hv2ar/highlight_only_one_row_in_html_table/?onetap_auto=true&one_tap=true

https://www.tutorialspoint.com/how-to-access-tr-element-from-table-using-javascript

https://stackoverflow.com/questions/41485807/pure-javascript-select-table-row-as-object-when-click

https://www.w3schools.com/jsref/coll_table_rows.asp

https://1bestcsharp.blogspot.com/2017/03/javascript-change-selected-html-table-row-background-color.html

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_table_rows_index

https://www.dofactory.com/html/tr/style

https://stackoverflow.com/questions/17335496/alternate-row-colors-in-javascript

*/
    /* OK mais recouvre le mode hover et les selections */
    /*tr:nth-child(odd) { background-color: lightblue; }
      tr:nth-child(even) {background-color: lightgreen;}
    */  
   

</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>

Reference /home/analogde/www/Fusion<br>Current start /home/analogde/www/Fusion<br>Search ....... /home/analogde/www/Fusion<br><pre>array(0) {
}
<pre>