//Fonction pour aller chercher les valeurs via une requête PHP quand on effectue un tri lors de la première occurence
function inlineSelectPart(page,champ,parent,enfsup,depart) {
    var xhr = getXMLHttpRequest();
    
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
            readDataPart(xhr.responseXML,page,champ,parent,enfsup,depart);
        }

    };

    xhr.open("GET", "test2.php?page="+page+"&champ="+champ+"&depart="+depart, true);
    xhr.send(null);
}

//Fonction pour aller chercher les valeurs va une requête PHP quand on veut rajouter des valeurs au formulaire
function inlineDerouler(page,champ,parent,enfsup,depart) {
    var xhr = getXMLHttpRequest();
    
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
            readDerouler(xhr.responseXML,page,champ,parent,enfsup,depart);
        }

    };

    xhr.open("GET", "test2.php?page="+page+"&champ="+champ+"&depart="+depart, true);
    xhr.send(null);
}

//Fonction d'affichage de la sélection à partir de la table (référencée par page), le champ correpondant à la colonne de la table, le parent 
//du formulaire,l'id du bouton "OK" à supprimer, la valeur qu'on prend au départ pour parcourir la table.

function readDataPart(sData,page,champ,parent,enfsup,depart) {

	//Création du formulaire
	var form = document.createElement("form");
	form.method = "GET";
    form.action = page+"tri.php";
    form.id = "triform";

    //Création du sélect
	var select = document.createElement("select");
	select.id = champ;
    select.name = "tri";

    //Récupération des valeurs contenues dans les item du XML.
	var recup = sData.getElementsByTagName("item");
	var div = document.getElementById(parent);

	//Créaion d'un bouton d'envoi de formulaire
	var submit = document.createElement("input");
	var option, text;

	//Un champ caché pour récupérer le champ pour effectuer le tri
	var hidden = document.createElement("input");
    hidden.type="hidden";
    hidden.value=champ;
    hidden.name="champ";

    //On l'attache au formulaire
    form.appendChild(hidden);

    //On augmente la valeur du départ pour parcourir la table afin d'éviter d'avoir les mêmes valeurs
    depart=depart+40;

    //On crée le bouton Dérouler afin d'augmenter le nombre de "select" afin de pouvoir insérer de nouvelles valeurs
    var derouler = document.createElement("input");
    derouler.id = "der_but"
    derouler.type="submit";
    derouler.value="Dérouler";

    //La fonction permettant de pouvoir insérer de nouvelles valeurs dans le select
    derouler.onclick=function(){inlineDerouler(page,champ,parent,derouler.id,depart)};

    //Création des différentes options pour le select
	for(var i = 0;i<recup.length;i++){
		option = document.createElement("option");
		option.value=recup[i].getAttribute("name");
		text = document.createTextNode(recup[i].getAttribute("name"));
		option.appendChild(text);
		select.appendChild(option);
	}

	submit.type="submit";
	submit.value="OK";


	//On attache le select, le submit au formulaire puis le ormulaire et le bouton "Dérouler" sur le parent afin qu'il s'affiche 
	form.appendChild(select);
	div.appendChild(form);
	form.appendChild(submit);
	div.appendChild(derouler);

	//On supprime le bouton "tri" pour éviter une duplication des champs "select"
	div.removeChild(document.getElementById(enfsup));


}


//readDerouler permet de rattacher les nouvelles valeurs qu'on vient de récupérer pour les attacher au formulaire
function readDerouler(sData,page,champ,parent,enfsup,depart) {

	//On récupère le champ select afin de rattacher les valeurs
	var select = document.getElementById(champ);

	//On récupère les nouvelles valeurs
	var recup = sData.getElementsByTagName("item");

	//On récupère le parent
	var div = document.getElementById(parent);

	//On rattache les nouvelles valeurs au formulaire
	for(var i = 0;i<recup.length;i++){
		option = document.createElement("option");
		option.value=recup[i].getAttribute("name");
		text = document.createTextNode(recup[i].getAttribute("name"));
		option.appendChild(text);
		select.appendChild(option);
	}

	//On supprime le bouton "Dérouler" afin d'en mettre un nouveau avec les nouvelles valeurs de départ et on le rattache au parent
	div.removeChild(document.getElementById(enfsup));
	depart=depart+40;
	var derouler = document.createElement("input");
	derouler.type="submit";
	derouler.value="Dérouler";
	derouler.id="der_but";
	derouler.onclick=function(){inlineDerouler(page,champ,parent,derouler.id,depart)};
	div.appendChild(derouler);



}