gerer affichage d'un tableau Fermé

Question

Bonjour, Je souhaiterais avoir un coup de pouce sur le code java script, sur le tableau je dois gérer l'affichage d'une table opération en insérant les champs ou les supprimer les colonnes de la table, mais c'est le js qui pose problème, je vous envoie le code js que j'avais commencé car j'ai copié le code php mais il me dit que le message est long. Sinon je copie une parti du code php ( une ligne du tableau car tous les lignes sont identiques) pour que vous puissiez vous référer. Merci d'avance! Cordialement, var tabLstIdent = new Array(); var tabNomLstCoulLig = new Array("lstEtatOpeCoulLig", "lstEtatTransCoulLig", "lstEtatEtudeCoulLig"); var tabNomLstCoulTxt = new Array("lstEtatOpeCoulTxt", "lstEtatTransCoulTxt", "lstEtatEtudeCoulTxt"); //================================================================================= // Valide les Valeurs du Format Tableau //================================================================================= function valider(){ //*************** Compte le Nombre de Champs SelectionnÃ© *************** var nbChamps = ctrlLecture("nbChamps"); var nbChampsSel = 0; var nomLstErr = ""; for(var i=1; i<=nbChamps; i++){ if(ctrlLecture("lstChampsTabAff["+i+"]") != -1){ nbChampsSel = nbChampsSel + 1; }else{ if(nomLstErr == ""){ if(ctrlLecture("lstGroupeChamps["+i+"]") == -1){ nomLstErr = "lstGroupeChamps["+i+"]"; }else{ nomLstErr = "lstChampsTabAff["+i+"]"; } } } } //*************** VÃ©rification des Valeurs Saisie ou SelectionnÃ©es *************** var tabVerif = new Array(); tabVerif.push(Array(null, "txtNom", "nbCar", "<", 3, "Saisie d'un nom d'aux moins trois caractÃ¨res obligatoire")); if(nbChampsSel < 3){ tabVerif.push(Array(null, nomLstErr, "erreur", null, null, "SÃ©lection d'au moins trois champs obligatoire")); } var retourVerif = frmVerifValeur("objForm", tabVerif); //*************** Affiche Message Erreur Saisie *************** if(retourVerif !== true){ messageErrSaisie(retourVerif); return; } //*************** Valide la saisie *************** ouvrirPage("prog_maj_format_tableau", 1, -1); } //================================================================================= // Suppression du Format Tableau //================================================================================= function supprimer(){ //*************** ParamÃ¨tre l'Action de Suppression *************** ctrlInitValeur("numAction", 1); ctrlInitValeur("lstIdAction", ctrlLecture("idFormat")); //*************** Execute l'Action de Suppression *************** ouvrirPage("prog_act_format_tableau", 1, 1); } //================================================================================= // Retour Ã la page prÃ©cedente //================================================================================= function annuler(){ switch(ctrlLecture("retourForm")){ case "0": ouvrirPage("prog_tableau", 0, iIf(frmModifier("objForm") == true, 0, -1)); break; case "1": ouvrirPage("prog_tab_format_tableau", 0, iIf(frmModifier("objForm") == true, 0, -1)); break;} } //================================================================================= // Mise Ã Jour du bloc "Format Tableau" //================================================================================= function majFormat(init){ //*************** Initialise les Liste de Configuration du Surlignage *************** if(init == true){ ctrlInitValeur("lstCoulLigSurligne", ctrlLecture("surligneLigne")); ctrlInitValeur("lstCoulTxtSurligne", ctrlLecture("surligneTexte")); } //*************** Marque le Bloc "ModifiÃ©" *************** if(init == false){ctrlInitValeur("majFormat", 1);} } //================================================================================= // Insertion d'une Liste Champs //================================================================================= function insertChampsTab(index){ //*************** Nombre de Champs *************** var nbChamps = ctrlLecture("nbChamps"); //*************** DÃ©cale les selections vers le Bas *************** for(var i=nbChamps; i>index; i--){ ctrlInitValeur("lstGroupeChamps["+i+"]", ctrlLecture("lstGroupeChamps["+(i - 1)+"]")); initLstChamps(ctrlLecture("lstGroupeChamps["+i+"]"), i); ctrlInitValeur("lstChampsTabAff["+i+"]", ctrlLecture("lstChampsTabAff["+(i - 1)+"]")); ctrlInitValeur("lstChampsTabTrie["+i+"]", ctrlLecture("lstChampsTabTrie["+(i - 1)+"]")); } ctrlInitValeur("lstGroupeChamps["+i+"]", -1); ctrlInitValeur("lstChampsTabAff["+i+"]", -1); ctrlInitValeur("lstChampsTabTrie["+i+"]", -1); //*************** Mise Ã Jour des Listes et Bouton *************** majAffChamps(false); } //================================================================================= // Suppression d'une Liste Champs //================================================================================= function supprChampsTab(index){ //*************** Nombre de Champs *************** var nbChamps = ctrlLecture("nbChamps"); //*************** DÃ©cale les selection vers le Haut *************** for(var i=index; i<=nbChamps; i++){ if(i < nbChamps){ ctrlInitValeur("lstGroupeChamps["+i+"]", ctrlLecture("lstGroupeChamps["+(i + 1)+"]")); ctrlInitValeur("lstGroupeChamps["+(i + 1)+"]", -1); initLstChamps(ctrlLecture("lstGroupeChamps["+i+"]"), i); ctrlInitValeur("lstChampsTabAff["+i+"]", ctrlLecture("lstChampsTabAff["+(i + 1)+"]")); ctrlInitValeur("lstChampsTabAff["+(i + 1)+"]", -1); ctrlInitValeur("lstChampsTabTrie["+i+"]", ctrlLecture("lstChampsTabTrie["+(i + 1)+"]")); ctrlInitValeur("lstChampsTabTrie["+(i + 1)+"]", -1); }else{ ctrlInitValeur("lstGroupeChamps["+i+"]", -1); ctrlInitValeur("lstChampsTabAff["+i+"]", -1); ctrlInitValeur("lstChampsTabTrie["+i+"]", -1); } } //*************** Mise Ã Jour des Listes et Bouton *************** majAffChamps(false); } //================================================================================= // Mise Ã Jour du bloc "Format Tableau" //================================================================================= function majAffChamps(init){ //*************** Nombre de Champs *************** var nbChamps = ctrlLecture("nbChamps"); //*************** Initialise les Listes Groupe, Champs et Trie *************** if(init == true){ if(ctrlLecture("lstChampsSel") != ""){ var tabChampsSel = ctrlLecture("lstChampsSel").split(","); for(var i=1; i<=nbChamps; i++){ var j = (i - 1) * 3; if(j < tabChampsSel.length){ initLstChamps(tabChampsSel[j], i); ctrlInitValeur("lstGroupeChamps["+i+"]", tabChampsSel[j]); ctrlInitValeur("lstChampsTabAff["+i+"]", tabChampsSel[j + 1]); ctrlInitValeur("lstChampsTabTrie["+i+"]", tabChampsSel[j + 2]); } } } //*************** Si Selection d'une Liste des Groupes de Champs *************** }else{ var lstSel = frmCtrlEvent("objForm"); if(lstSel != ""){ if(lstSel.indexOf("lstGroupeChamps") == 0){ var p1 = lstSel.indexOf("[") + 1; var p2 = lstSel.indexOf("]"); var index = lstSel.substring(p1, p2); //*************** Initialise la Liste des Champs *************** initLstChamps(ctrlLecture(lstSel), index); } //*************** VÃ©rifie si Doublon de Selection *************** if(lstSel.indexOf("lstChampsTabAff") == 0){ for(var i=1; i<=nbChamps; i++){ var nomLst = "lstChampsTabAff["+i+"]"; if(nomLst != lstSel){ if(ctrlLecture(nomLst) == ctrlLecture(lstSel)){ ctrlSelIndex(nomLst, 0); } } } } } } //*************** Etat des Listes et Boutons *************** for(var i=1; i<=nbChamps; i++){ ctrlEtat("lstChampsTabAff["+i+"]", iIf(ctrlLecture("lstGroupeChamps["+i+"]") != -1, 1, -1)); ctrlEtat("lstChampsTabTrie["+i+"]", iIf(ctrlLecture("lstChampsTabAff["+i+"]") != -1, 1, -1)); } //*************** Marque le Bloc "ModifiÃ©" *************** if(init == false){ctrlInitValeur("majAffChamps", 1);} } //================================================================================= // Initialise une Liste de Champs en Fonction d'un Groupe //================================================================================= function initLstChamps(identGroupe, iListe){ var tabParametre = new Array(); ctrlRazIndex("lstChampsTabAff["+iListe+"]"); tabParametre["groupe"] = identGroupe; //*************** Lecture et des Champs du Groupe si pas DÃ©ja ChargÃ© *************** if(!tabLstIdent[tabParametre["groupe"]]){ var retourAjax = ajaxExecution("prog_scr_champs_groupe", tabParametre, 0); tabLstIdent[tabParametre["groupe"]] = ajaxRetourItem(retourAjax, "ident", "intitule", null); } //*************** Initialisation la Liste Champs *************** ctrlInitIndex("lstChampsTabAff["+iListe+"]", tabLstIdent[tabParametre["groupe"]], true); } //================================================================================= // Fonction de Mise en Etat des Controls au DÃ©marage de la page //================================================================================= function exeFinPage(){ //*************** Activation du Formulaire *************** var tabFnt = new Array(); tabFnt["_execLoad"] = Array("majFormat(true)", "majColoriage(true)", "majAffChamps(true)"); tabFnt["format"] = Array("majFormat(false)"); tabFnt["coloriage"] = Array("majColoriage(false)"); tabFnt["affChamps"] = Array("majAffChamps(false)"); frmActivation("objForm", tabFnt); } //================================================================================= // Ajoute des Items Ã un objet Liste //================================================================================= function ajaxRetourItem(xmlHttp, elementValeur, elementIntitule, tabElementAnnexe){ var tabValeur = new Array(); //*************** Lecture des DonnÃ©es *************** if((xmlHttp.readyState == 4) && (xmlHttp.status == 200)){ var docXml = xmlHttp.responseXML; var index = docXml.getElementsByTagName(elementValeur); var texte = docXml.getElementsByTagName(elementIntitule); var tabAnnexe = new Array(); for(var i in tabElementAnnexe){ tabAnnexe[tabElementAnnexe[i]] = docXml.getElementsByTagName(tabElementAnnexe[i]); } //*************** Lecture des Elements*************** if((index.length != 0) && (texte.length == index.length)){ for(var i = 0; i < index.length; i++){ tabValeur[i] = new Array(); //*************** Lecture des Elements Mode FireFox *************** if(texte.item(i).textContent){ tabValeur[i]["valeur"] = index.item(i).textContent; tabValeur[i]["intitule"] = texte.item(i).textContent; for(nomAnnexe in tabAnnexe){ tabValeur[i][nomAnnexe] = tabAnnexe[nomAnnexe].item(i).textContent; } //*************** Lecture des Elements Mode IE *************** }else{ tabValeur[i]["valeur"] = index.item(i).text; tabValeur[i]["intitule"] = texte.item(i).text; for(nomAnnexe in tabAnnexe){ tabValeur[i][nomAnnexe] = tabAnnexe[nomAnnexe].item(i).text; } } } //*************** Ajout de la Valeur dans le Tableau *************** return tabValeur; //*************** Si pas de Valeurs *************** }else{ return tabValeur; } //*************** Erreur de Lecture du Fichier *************** }else{ alert("Erreur Ajax fonction \"ajaxRetourItem\" lecture des Ã©lÃ©ments \""+elementValeur+"\" et \""+elementIntitule+"\""); return false; } } //================================================================================= // Lecture des Valeurs RemontÃ©es par un Script Ajax //================================================================================= function ajaxRetourListe(xmlHttp, nomElement){ var tabValeur = new Array(); //*************** Lecture des DonnÃ©es *************** if((xmlHttp.readyState == 4) && (xmlHttp.status == 200)){ var docXml = xmlHttp.responseXML; var texte = docXml.getElementsByTagName(nomElement); //*************** Lecture de la Liste *************** if(texte.length != 0){ for(var i = 0; i < texte.length; i++){ if(texte.item(i).textContent){ tabValeur[i] = texte.item(i).textContent; }else{ tabValeur[i] = texte.item(i).text; } } //*************** Ajout de la Valeur dans le Tableau *************** return tabValeur; //*************** Si pas de Valeurs *************** }else{ return tabValeur; } //*************** Erreur de Lecture du Fichier *************** }else{ alert("Erreur Ajax fonction \"ajaxRetourListe\" lecture de l'Ã©lÃ©ment \""+nomElement+"\""); return false; } } //================================================================================= // Lecture de la TotalitÃ© du Flux //================================================================================= function ajaxRetourFlux(xmlHttp){ //*************** Lecture des DonnÃ©es *************** if((xmlHttp.readyState == 4) && (xmlHttp.status == 200)){ return xmlHttp.responseText; //*************** Erreur de Lecture du Fichier *************** }else{ alert("Erreur Ajax fonction \"ajaxRetourFlux\""); return false; } } prepare($sql) ; $requete->execute(); $liste_champs = $requete->fetchAll(); //on stocke le resultat dans un array }catch(Exception $e){ // en cas d'erreur : echo " Erreur ! ".$e->getMessage(); echo " Les datas : " ; print_r($datas); } ?>

Initialise un format d'affichage

Valider / Inserer / supprimer / annuler une Opération

Champs 1 :

Configuration: Windows / Firefox 45.0

jordane45 · Answer

Bonjour,

TU dis :  c'est le js qui pose problème,
Quel problème ?
Qu'est-ce qui ne fonctionne pas exactement ?
As tu des erreurs dans la console de ton navigateur ?

Merci d'être (beaucoup...) plus précis dans tes explications !

Ndediop · Answer

Voila les popups que j'ai quand je clique sur le bouton inserer.

Gerer affichage d'un tableau

2 réponses

Discussions similaires