Balle en rythme : Test

""

<div id="parent" style="height: 600px;">
<br>
<center><h3>Témoignages</h3></center>
<div id="div_previous" style="display: none;">
<img   width="50" height="50" src="./temoignages/previous.png" onclick="page_avant()">
</div>
<div id="div_next" style="display: none;">
<img  width="50" height="50" src="./temoignages/next.png" onclick="page_apres()">
</div>
<div id='temoignage_1' style='position:absolute; width: 350px; height: 350px; text-align: center; background-image:url(" "); font-size: 1em; background-size: contain; background-repeat: no-repeat;'> 
Hum il y a un problème....
</div>
<div id='temoignage_2' style='position:absolute; width: 350px; height: 350px; text-align: center; background-image:url(" "); font-size: 1em; background-size: contain; background-repeat: no-repeat;'> 
</div>
<div id='temoignage_3' style='position:absolute; width: 350px; height: 350px; text-align: center; background-image:url(" "); font-size: 1em; background-size: contain; background-repeat: no-repeat;'> 
</div>
</div>
<script>
  const wait = (n) => new Promise((resolve) => setTimeout(resolve, n));
  let tempo=0;
  let delai=0;
  let lastTs=Date.now();
  let tab_page = [];
  let page=0;
  let max_page=0;
  let div ='';
  let FS ='';

// Définir le style de l'élément pour qu'il soit invisible
    tempElement.style.visibility = 'hidden';
    tempElement.style.position = 'absolute';
    tempElement.style.whiteSpace = 'nowrap';
    tempElement.style.font = font;

// Ajouter le style bold si nécessaire
    if (isBold) {
        tempElement.style.fontWeight = 'bold';
    }

// Ajouter le texte à l'élément
    tempElement.textContent = text;

// Ajouter l'élément au DOM
    document.body.appendChild(tempElement);

// Mesurer la taille de l'élément
    const width = tempElement.offsetWidth;
    const height = tempElement.offsetHeight;

// Supprimer l'élément du DOM
    document.body.removeChild(tempElement);

// Retourner les dimensions
    return { width, height };
}

// Exemple d'utilisation  de getTextDimensions
//const text = "Hello, World!";
//const font = "16px Arial";
//const isBold = true; // Définir si le texte doit être en gras
//const dimensions = getTextDimensions(text, font, isBold);
//console.log(`Width: ${dimensions.width}px, Height: ${dimensions.height}px`);

function getDivFont(divElement) {
    // Obtenir les styles calculés de l'élément
    const computedStyle = window.getComputedStyle(divElement);

// Récupérer les propriétés de la police de caractères
    const fontFamily = computedStyle.fontFamily;
    const fontSize = computedStyle.fontSize;
    const fontWeight = computedStyle.fontWeight;
    const fontStyle = computedStyle.fontStyle;

// Retourner un objet contenant les propriétés de la police de caractères
    return {
        fontFamily,
        fontSize,
        fontWeight,
        fontStyle
    };
}

// Exemple d'utilisation de getDivFont
//const div = document.querySelector('.my-div'); // Sélectionner l'élément div
//const font = getDivFont(div);
//console.log(`Font Family: ${font.fontFamily}`);
//console.log(`Font Size: ${font.fontSize}`);
//console.log(`Font Weight: ${font.fontWeight}`);
//console.log(`Font Style: ${font.fontStyle}`);
  
    function load() {
   	this.length=load.arguments.length;        
   	for (var i=0;i<this.length;i++) {
   		this[i+1]=new Image();
   		this[i+1].src=load.arguments[i];
   		}
   	}
   	function preload() {
	   	// Cette fonction charge dans le cache toutes les images passées en paramètre
	   	var temp=new load("./files/balle_bleue_325_transparent.png", "./files/balle_jaune_325_transparent.png", "./files/balle_orange_325_transparent.png", "./files/balle_verte_325_transparent.png");
	   	}
     preload();

console.log("hauteur : "+document.documentElement.clientHeight+" ("+document.getElementById("parent").offsetHeight+") largeur : "+document.documentElement.clientWidth+" ("+document.getElementById("parent").offsetWidth+")");
let sz_img=0;
if (document.documentElement.clientHeight < document.documentElement.clientWidth)
{
	console.log("mode paysage");
	sz_img=Math.trunc(350/1100*document.getElementById("parent").offsetWidth);
}
else
{
	console.log("mode portrait");
	sz_img=Math.trunc(350/1100*document.getElementById("parent").offsetHeight);
}
let taille_img=sz_img+"px";
//alert(taille_img);
document.getElementById("temoignage_1").style.width=taille_img;
document.getElementById("temoignage_1").style.height=taille_img;
document.getElementById("temoignage_2").style.width=taille_img;
document.getElementById("temoignage_2").style.height=taille_img;
document.getElementById("temoignage_3").style.width=taille_img;
document.getElementById("temoignage_3").style.height=taille_img;
//alert("hauteur : "+document.documentElement.clientHeight+" ("+document.getElementById("parent").offsetHeight+") largeur : "+document.documentElement.clientWidth+" ("+document.getElementById("parent").offsetWidth+")");

//function load_temoignage(temoignage_nom)
  const  load_temoignage_function = async (temoignage_nom, on_div) => {
		console.log("load_temoignage "+temoignage_nom);
	   console.log("<<<<<<<<<<< div="+div.id);
		getTemoignage(temoignage_nom, on_div);
		//while (received != 1)
		//{
		//await wait(100);
		//    console.log("!!!!!!!!!!"+div.innerHTML);
		//}
		temporisation(1000);
    console.log("!!!!!!!!!!"+div.innerHTML);
    var couleurs = ["bleue", "jaune", "orange", "verte"];
    var rand = Math.floor(Math.random() * couleurs.length);
    var couleur = couleurs[rand];
    var lien_fichier_couleur='url("./files/balle_'+couleur+'_325_transparent.png")';
    div.style.backgroundImage = lien_fichier_couleur;
  }
  function page_avant()
  {
   console.log("page_avant");
   console.log("page="+page);
	let last_page=max_page-1;
	page--;
   console.log("page="+page);
	if (page < 0)
	{
		page=last_page;
	}
   console.log("page="+page);
	show_page();
  }
  function page_apres()
  {
   console.log("page_apres");
   console.log("page="+page);
	let last_page=max_page-1;
	page++;
   console.log("page="+page);
	if (page == max_page)
	{
		page=0;
	}
   console.log("page="+page);
	show_page();
  }
  function pos_prev_next()
  {
		document.getElementById("div_previous").innerHTML = "<img id='avant' src='./temoignages/previous.png' alt='précédent' onclick='page_avant()' height='50' widht='50' style='cursor: pointer;'/>"
		document.getElementById("div_next").innerHTML = "<img id='apres' src='./temoignages/next.png' alt='prochain' onclick='page_apres()' height='50' widht='50' style='cursor: pointer;'/>";
		//let pos_apres=document.getElementById("temoignage").offsetWidth-document.getElementById("apres").offsetWidth;
		let pos_apres=document.getElementById("parent").offsetWidth-50;
		let position_left_apres=pos_apres.toString()+'px';
		document.getElementById("div_previous").style.position = "absolute";
		document.getElementById("div_previous").style.left = "0px";
		document.getElementById("div_next").style.position = "absolute";
		//document.getElementById("apres").style.left = "300px";
		document.getElementById("div_next").style.left = position_left_apres;
		document.getElementById("div_previous").style.display = "inline";
		document.getElementById("div_next").style.display = "inline";
  }
  function show_page()
  {
	console.log("show_page page = "+page);
	console.log("show_page tab_page[page] = "+tab_page[page]);
	document.getElementById("div_previous").innerHTML = "<img id='avant' src='./temoignages/previous.png' alt='précédent' onclick='page_avant()' height='50' widht='50' style='cursor: pointer;'/>"
	document.getElementById("div_next").innerHTML = "<img id='apres' src='./temoignages/next.png' alt='prochain' onclick='page_apres()' height='50' widht='50' style='cursor: pointer;'/>";
	//let pos_apres=document.getElementById("temoignage").offsetWidth-document.getElementById("apres").offsetWidth;
	let pos_apres=document.getElementById("parent").offsetWidth-50;
	let position_left_apres=pos_apres.toString()+'px';
	document.getElementById("div_previous").style.position = "absolute";
	document.getElementById("div_previous").style.left = "0px";
	document.getElementById("div_previous").style.top = "0px";
	document.getElementById("div_next").style.position = "absolute";
	//document.getElementById("apres").style.left = "300px";
	document.getElementById("div_next").style.left = position_left_apres;
	document.getElementById("div_next").style.top = "0px";
	div=document.getElementById("temoignage_1");
	document.getElementById("temoignage_1").style.display = "none";
	document.getElementById("temoignage_2").style.display = "none";
	document.getElementById("temoignage_3").style.display = "none";
	switch(tab_page[page].length) {
		  case 1:
		    console.log("show_page page 1 seul témoignage : "+tab_page[page][0]);
		    div=document.getElementById("temoignage_1");
		    div.style.display = "inline";
		    load_temoignage_function(tab_page[page][0], "temoignage_1");
		    pos_t = (document.getElementById('parent').offsetHeight-div.offsetHeight)/2;
		    pos_l = (document.getElementById('parent').offsetWidth-div.offsetWidth)/2;
      	 position_left=pos_l.toString()+'px';
      	 position_top=pos_t.toString()+'px';
		    div.style.left = position_left;
   		 div.style.top = position_top;
		    break;
		  case 2:
		    console.log("show_page page 2 témoignages");
		    div=document.getElementById("temoignage_1");
		    div.style.display = "inline";
		    load_temoignage_function(tab_page[page][0], "temoignage_1");
		    console.log(div.id);
		    console.log(div.innerHTML);
if (document.documentElement.clientHeight < document.documentElement.clientWidth)
{
	console.log("mode paysage");
	pos_t = (document.getElementById('parent').offsetHeight/2)-(div.offsetHeight/2);
   pos_l = 0;
}
else
{
	console.log("mode portrait");
	pos_t = 0;
   pos_l = (document.getElementById('parent').offsetWidth/2)-(div.offsetWidth/2);
}
      	 console.log("*********** offsetHeight="+document.getElementById('parent').offsetHeight+" offsetWidth="+document.getElementById('parent').offsetWidth);
      	 position_left=pos_l.toString()+'px';
      	 position_top=pos_t.toString()+'px';
      	 console.log("*********** position_left="+position_left+" position_top="+position_top);
		    div.style.left = position_left;
   		 div.style.top = position_top;
		    div.style.display = "inline";
		    console.log("show_page tab_page[page][0]="+tab_page[page][0]);
   		 console.log("show_page tab_page[page][1]="+tab_page[page][1]);
		    div=document.getElementById("temoignage_2");
		    div.style.display = "inline";
		    console.log(">>>>>>>>> div="+div.id);
		    console.log("Témoignage_1 1 : "+document.getElementById("temoignage_1").innerHTML);
		    //return;
      	 //alert("stop");
      	 //window.stop();

//load_temoignage(tab_page[page][1]);
		    div=document.getElementById("temoignage_2");
		    load_temoignage_function(tab_page[page][1], "temoignage_2");
if (document.documentElement.clientHeight < document.documentElement.clientWidth)
{
	console.log("mode paysage");
	pos_t = (document.getElementById('parent').offsetHeight/2)-(div.offsetHeight/2);
   pos_l = document.getElementById('parent').offsetWidth-div.offsetWidth;
}
else
{
	console.log("mode portrait");
	pos_t = document.getElementById('parent').offsetHeight-div.offsetHeight;
   pos_l = (document.getElementById('parent').offsetWidth/2)-(div.offsetWidth/2);
}
		    //pos_l = 500;
      	 position_left=pos_l.toString()+'px';
      	 position_top=pos_t.toString()+'px';
      	 console.log("*********** position_left="+position_left+" position_top="+position_top);
		    div.style.left = position_left;
   		 div.style.top = position_top;
		    break;
		  case 3:
		    console.log("show_page page 3 témoignages");
		    div=document.getElementById("temoignage_1");
		    div.style.display = "inline";
		    console.log(">>>>>>>>> div="+div.id);
		    //load_temoignage(tab_page[page][0]);
		    load_temoignage_function(tab_page[page][0], "temoignage_1");
		    console.log("... load_temoignage_function "+div.id);
		    console.log("... load_temoignage_function "+div.innerHTML);
		    //pos_t = (document.getElementById('parent').offsetHeight/2)-(div.offsetHeight/2);
      	 //console.log("*********** offsetHeight="+document.getElementById('parent').offsetHeight+" offsetWidth="+document.getElementById('parent').offsetWidth);
		    pos_l = 0;
		    pos_t = 50;
      	 position_left=pos_l.toString()+'px';
      	 position_top=pos_t.toString()+'px';
      	 console.log("*********** position_left="+position_left+" position_top="+position_top);
		    div.style.left = position_left;
   		 div.style.top = position_top;
		    console.log(">>>>>>>>> div="+div.id);

div=document.getElementById("temoignage_2");
		    div.style.display = "inline";   		 
		    load_temoignage_function(tab_page[page][1], "temoignage_2");
		    console.log("... load_temoignage_function "+div.id);
		    console.log("... load_temoignage_function "+div.innerHTML);
		    //pos_t = (document.getElementById('parent').offsetHeight/2)-(div.offsetHeight/2);
		    pos_t = document.getElementById('parent').offsetHeight-div.offsetHeight;
		    pos_l = (document.getElementById('parent').offsetWidth/2)-(div.offsetWidth/2);
if (document.documentElement.clientHeight < document.documentElement.clientWidth)
{
	console.log("mode paysage");
   pos_t = document.getElementById('parent').offsetHeight-div.offsetHeight;
   pos_l = (document.getElementById('parent').offsetWidth/2)-(div.offsetWidth/2);
}
else
{
	console.log("mode portrait");
   pos_t = (document.getElementById('parent').offsetHeight/2)-(div.offsetHeight/2);
   pos_l = document.getElementById('parent').offsetWidth-div.offsetWidth;
}
		    
      	 console.log("*********** offsetHeight="+document.getElementById('parent').offsetHeight+" offsetWidth="+document.getElementById('parent').offsetWidth);
		    //pos_l = 500;
      	 position_left=pos_l.toString()+'px';
      	 position_top=pos_t.toString()+'px';
      	 console.log("*********** position_left="+position_left+" position_top="+position_top);
		    div.style.left = position_left;
   		 div.style.top = position_top;
 		    div=document.getElementById("temoignage_3");
		    div.style.display = "inline";
		    load_temoignage_function(tab_page[page][2], "temoignage_3");
		    console.log("... load_temoignage_function "+div.id);
		    console.log("... load_temoignage_function "+div.innerHTML);
		    pos_t = (document.getElementById('parent').offsetHeight/2)-(div.offsetHeight/2);
		    pos_t = 50;
		    pos_l = document.getElementById('parent').offsetWidth-div.offsetWidth;
if (document.documentElement.clientHeight < document.documentElement.clientWidth)
{
	console.log("mode paysage");
		    pos_t = (document.getElementById('parent').offsetHeight/2)-(div.offsetHeight/2);
		    pos_t = 50;
		    pos_l = document.getElementById('parent').offsetWidth-div.offsetWidth;
}
else
{
	console.log("mode portrait");
	//var positions = elPosition(document.getElementById('temoignage_2'));
	//console.log("mode portrait positions.clientX="+positions.clientX);
	//console.log("mode portrait positions.clientY="+positions.clientY);
	//console.log("mode portrait positions.viewportX="+positions.viewportX);
	//console.log("mode portrait positions.viewportY="+positions.viewportY);
   //pos_t = document.getElementById('parent').offsetHeight-div.offsetHeight;
   //    var coords = getAbsPosition( document.getElementById('temoignage_2') );
   // alert("mode portrait coords X="+coords.x );
   // alert("mode portrait coords Y="+coords.y );
var getOffset_x = getOffset(document.getElementById('div')).left;
var getOffset_y = getOffset(document.getElementById('div')).top;
console.log('getOffset y: ' + document.getElementById('temoignage_2').offsetTop);
   pos_t = document.getElementById('temoignage_2').offsetTop+(document.getElementById('temoignage_2').offsetTop-50);
   pos_l = 0;
}
      	 console.log("*********** offsetHeight="+document.getElementById('parent').offsetHeight+" offsetWidth="+document.getElementById('parent').offsetWidth);
		    //pos_l = 500;
      	 position_left=pos_l.toString()+'px';
      	 position_top=pos_t.toString()+'px';
      	 console.log("*********** position_left="+position_left+" position_top="+position_top);
		    div.style.left = position_left;
   		 div.style.top = position_top;
		    break;
		  default:
		    console.log("show_page page "+tab_page[page].length+" témoignages : ce cas n'est pas prévu...");
		} 
  }
  function getTemoignage(item, on_div)
  {
  received=0;
  console.log("entrée getTemoignage");
  console.log("getTemoignage item="+item);
  //alert("getTemoignage item="+item);
  console.log("<<<<<<<<<<< 1 div="+div.id);
  var xhttp = new XMLHttpRequest();
  try{
               // Opera 8.0+, Firefox, Chrome, Safari
               xhttp = new XMLHttpRequest();
            }catch (e) {
               // Internet Explorer Browsers
               try{
                xhttp = new ActiveXObject("Msxml2.XMLHTTP");
					
               }catch (e) {
				
                  try{
                    xhttp = new ActiveXObject("Microsoft.XMLHTTP");
                  }catch (e) {
                     // Something went wrong
                     alert("Your browser broke!");
                     return false;
                  }
					
               }
            }
	
  xhttp.onreadystatechange = function() {
        console.log("entrée dans onreadystatechange de getTemoignage : ");
			console.log("onreadystatechange this.readyState="+this.readyState);
			console.log("onreadystatechange this.status="+this.status);
    if (this.readyState == 4 && this.status == 200) {
   console.log("onreadystatechange OK");
//alert(this.responseText);
      const obj = JSON.parse(this.responseText);
      //alert(obj["configuration"]);
      //console.log(Object.values(obj));
      //console.log("----");
      //console.log(Object.values(obj["configuration"]));
      //alert(Object.values(obj["name"]).toString());
      console.log("name="+Object.values(obj["name"]));
      console.log("type="+typeof(Object.values(obj["name"])));
      console.log("<> name='"+replaceAll(",", '',Object.values(obj["name"]).toString())+"'");
      console.log("typeof the div = "+typeof(replaceAll(",", '',Object.values(obj["name"]).toString())));
   div=document.getElementById(replaceAll(",", '',Object.values(obj["on"]).toString()));
     if (div === null) {
     console.log("div not found...");
    return 0;
  }
   console.log("après getElementById");
   let ArrayConf=Object.values(obj["configuration"]);
   //console.log(ArrayConf);
   //console.log(ArrayConf[0]);
   //console.log(ArrayConf[1]);
   //console.log(ArrayConf[2]);
   tempo=parseInt(ArrayConf[2].substring(0, ArrayConf[2].length - 3));
   console.log("onreadystatechange "+ArrayConf[2]+" -> "+tempo);
     if (obj.action == "temoignage")
     {
      //div.innerHTML = " ";
      console.log("ttt 1");
      console.log("<<<<<<<<<<< 2 div="+div.id);
      console.log("ttt 2");

let temoignage = obj.temoignage.toString();
           //alert(temoignage);
      let configuration = obj.configuration.toString();
           //alert(configuration);

//let un_texte = "essai";
      //alert(typeof(en_texte));
      //alert(typeof(un_texte));
      console.log("--------------- temoignage="+temoignage);
      console.log(div.id);
      console.log("--------------- div="+Object.values(div));
      div.innerHTML = temoignage;
      console.log("name="+Object.values+" type="+typeof(Object.values(obj["name"])));
      //document.getElementById(Object.values(obj["name"])).innerHTML = temoignage;
      console.log("<<<<<<<<<<< 3 div="+div.id);
      console.log("Témoignage_1 : "+document.getElementById("temoignage_1").innerHTML);
      console.log("Témoignage_2 : "+document.getElementById("temoignage_2").innerHTML);
      console.log("Témoignage_3 : "+document.getElementById("temoignage_3").innerHTML);

console.log(div.innerHTML);
      //alert(div.innerHTML);
      console.log("--------------- div="+Object.values(div));
      //console.log("Mise à jour du div.innerHTML");
      //alert("test");
        FS=ArrayConf[0].substring(0, ArrayConf[0].length - 2);
        FS=ArrayConf[0].substring(0, ArrayConf[0].length - 4);
        if (document.documentElement.clientHeight < document.documentElement.clientWidth)
{
	//alert("mode paysage");
	FS_prop=Math.trunc(FS/1100*document.getElementById("parent").offsetWidth*100)/100;
}
else
{
	//alert("mode portrait");
	FS_prop=Math.trunc(FS/1100*document.getElementById("parent").offsetHeight*100)/100;
}
FS_prop_txt=FS_prop+"em";
        console.log("[[[[ fontSize ]]]] "+FS);
        console.log("[[[[ fontSize ]]]] "+FS_prop);
        console.log(document.getElementById("parent").offsetWidth);
        console.log("[[[[ fontSize ]]]] "+FS_prop_txt+" sur : "+replaceAll(",", '',Object.values(obj["on"]).toString()));
        div.style.fontSize=FS_prop_txt;
      //const myArr_liste = en_texte.split(",");
      //parseListe_function(myArr_liste);
    }
    received=1;
    //alert(received);
    }
    console.log("sortie de onreadystatechange de getTemoignage");
  };
  //xhttp.open("GET", "http://localhost/brainballtest/temoignages/ajax_info.txt", true);
  //xhttp.open("GET", "http://localhost/brainballtest/temoignages/index.php?action=liste", true);
  //xhttp.open("GET", "http://jpo78.freeboxos.fr:16424/YesWikiBB/temoignages/index.php?action=temoignage&temoignage="+item, true);
  console.log("./temoignages/index.php?action=temoignage&temoignage="+item);
  xhttp.open("GET", "./temoignages/index.php?action=temoignage&temoignage="+item+"&on="+on_div, false);
  xhttp.send();
  //temporisation(1000);
    console.log("sortie getTemoignage");
  }
  const  parseListe_function = async (myArr_liste) => {
    console.log("Entrée dans parseListe_function");
        var div = document.getElementById('temoignage_1');

//document.getElementById("temoignage").innerHTML += "Entrée dans la fonction<br>";
    //alert( document.documentElement.clientWidth );
    //alert( document.documentElement.clientHeight );
    //await wait(1000);
    //temporisation(1000);
    // Diaporama
    console.log("myArr_liste="+myArr_liste);
    myArr_liste.sort();
    console.log("myArr_liste="+myArr_liste);
    console.log("myArr_liste length="+myArr_liste.length);
    tab_page[page] = [];
    while (myArr_liste.length > 0){
	    console.log("myArr_liste="+myArr_liste);
	    console.log("tab_pag="+tab_page);
	    tab_page[page].push(myArr_liste[0]);
	    myArr_liste.shift();
	    console.log("tab_pag="+tab_page);
	    if (tab_page[page].length == 3 || myArr_liste.length == 0)
	    {
	      console.log("page="+page);
     	   console.log("tab_page[page]="+tab_page[page]);
	   	page++;
	   	tab_page[page] = [];
	    }
    }
    max_page=page;
    page=0;
    show_page();
    window.stop();
    for(var i in myArr_liste) {
    //i=1;
    getTemoignage(myArr_liste[i]);
    console.log("parseListe_function item="+myArr_liste[i]);

console.log("diaporama tempo "+tempo);
    var couleurs = ["bleue", "jaune", "orange", "verte"];
    var rand = Math.floor(Math.random() * couleurs.length);
    var couleur = couleurs[rand];
    var lien_fichier_couleur='url("./files/balle_'+couleur+'_325_transparent.png")';
    div.style.backgroundImage = lien_fichier_couleur;
        let position_left=0;
        let position_top=0;
    pos_t = (document.getElementById('parent').offsetHeight-document.getElementById("temoignage_1").offsetHeight)/2;
   pos_l = (document.getElementById('parent').offsetWidth-document.getElementById("temoignage_1").offsetWidth)/2;
      position_left=pos_l.toString()+'px';
        position_top=pos_t.toString()+'px';
    //console.log(document.getElementById('parent').offsetHeight + " " + document.getElementById('parent').offsetWidth);
    //console.log(position_top + " " + position_left);
    div.style.left = position_left;
    div.style.top = position_top;
    //await wait(10);
    //await wait(5000);
	//console.log("diaporama wait test");
	//console.log("diaporama wait "+typeof(tempo)+" "+tempo+" -> "+parseInt(tempo)+" ("+typeof(parseInt(tempo))+")");
	//temporisation(tempo);
//await wait(1000);
//temporisation(1000);
    delai=Date.now()-lastTs;
    lastTs==Date.now();
    console.log("diaporama "+myArr_liste[i]+" "+delai);

//console.log("diaporama wait 1000");
    //await wait(1000);
    //temporisation(1000);
   //console.log("diaporama wait fin");
    //alert("pause");
     
    }
    //window.stop();
    console.log("Sortie de parseListe_function");

}
  function listeTemoignages() {
  console.log("Entrée dans listeTemoignages");
  var xhttp = new XMLHttpRequest();
  try{
               // Opera 8.0+, Firefox, Chrome, Safari
               xhttp = new XMLHttpRequest();
            }catch (e) {
               // Internet Explorer Browsers
               try{
                xhttp = new ActiveXObject("Msxml2.XMLHTTP");
					
               }catch (e) {
				
                  try{
                    xhttp = new ActiveXObject("Microsoft.XMLHTTP");
                  }catch (e) {
                     // Something went wrong
                     alert("Your browser broke!");
                     return false;
                  }
					
               }
            }
	
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      const obj = JSON.parse(this.responseText);
     //document.getElementById("temoignage").innerHTML = this.responseText;
     if (obj.action == "liste")
     {
      document.getElementById("temoignage_1").innerHTML = " ";
      let en_texte = obj.liste.toString();
      //alert(en_texte);
      //let un_texte = "essai";
      //alert(typeof(en_texte));
      //alert(typeof(un_texte));
      //document.getElementById("temoignage").innerHTML = obj.action+"<br>"+en_texte;
      const myArr_liste = en_texte.split(",");
      parseListe_function(myArr_liste);
      console.log("tab_page : "+tab_page);
    }
    }
  };
  //xhttp.open("GET", "http://localhost/brainballtest/temoignages/ajax_info.txt", true);
  //xhttp.open("GET", "http://jpo78.freeboxos.fr:16424/YesWikiBB/temoignages/index.php?action=liste", true);
  xhttp.open("GET", "./temoignages/index.php?action=liste", true);
  xhttp.send();
    console.log("Sortie de listeTemoignages");
}
pos_prev_next();
listeTemoignages();
temporisation(1000);
console.log("page="+page);
console.log("tab_page[0]="+tab_page[0]);
show_page();
</script>
""

Mots clés

Annuler Thème

Titre 1

Titre 2

Titre 3

Titre 4

Ajouter un lien au texte selectionné ou créer une page

Modifier le lien

Créer une page

Télécharger le fichier

Apparence de la page Test

Choisir une page pour: