// Méthode pour le clonage var cloneCount = 1; var ID_B_NewLine ="#TNewLine_" + idJour+"_"+ idWorker; var ID_Row ="#Row2_" + idJour+"_"+ idWorker; var N_Row ="Row2_" + idJour+"_"+ idWorker; var ID_B_NewLine = "#TNewLine_" + idJour+"_"+ idWorker; var ID_I_Date = "#TDate_" + idJour+"_"+ idWorker ; var ID_S_Request = "#TSRequest_"+ idJour+"_"+ idWorker; var ID_I_Time = "#TTime_" + idJour+"_"+ idWorker ; var ID_TA_Description = "#TTADescription_" + idJour+"_"+ idWorker ; var ID_I_Worker = "#TIWorker_" + idJour+"_"+ idWorker; var N_B_NewLine = "TNewLine_" + idJour+"_"+ idWorker; var N_I_Date = "TDate_" + idJour+"_"+ idWorker ; var N_S_Request = "TSRequest_"+ idJour+"_"+ idWorker; var N_I_Time = "TTime_" + idJour+"_"+ idWorker ; var N_TA_Description = "TTADescription_" + idJour+"_"+ idWorker ; var N_I_Worker = "TIWorker_" + idJour+"_"+ idWorker; $(ID_B_NewLine).click(function() { $(ID_Row) .clone() .attr('id', N_Row +"_"+ cloneCount) .insertAfter($(ID_Row)) $(ID_B_NewLine) .clone() .attr('id', N_B_NewLine +"_"+ cloneCount) $(ID_I_Date) .clone() .attr('id', N_I_Date +"_"+ cloneCount) $(ID_S_Request) .clone() .attr('id', N_S_Request +"_"+ cloneCount) $(ID_I_Time) .clone() .attr('id', N_I_Time +"_"+ cloneCount) $(ID_TA_Description) .clone() .attr('id', N_TA_Description +"_"+ cloneCount) $(ID_I_Worker) .clone() .attr('id', N_I_Worker +"_"+ cloneCount++) });
$("#TJour_" + idJour+"_"+ idWorker).append('<tr align="center" class="ORow" id="Row1_' + idJour+"_"+ idWorker + '"></tr>');
$("#TJour_" + idJour+"_"+ idWorker).append('<tr align="center" class="ORow" id="Row1_'+idJour+'_'+idWorker+'"></tr>');
<table id="TJour_2014-04-15_3" border="2"> <tbody> <tr id="Row1_2014-04-15_3" class="ORow" align="center"> <td bgcolor="#F0FFFF">New Line</td> <td bgcolor="#F0FFFF">Date</td> <td width="160px" bgcolor="#F0FFFF">Request</td> <td bgcolor="#F0FFFF">Time (h)</td> <td bgcolor="#F0FFFF">Description</td> <td width="170px" bgcolor="#F0FFFF">Worker</td> </tr> <tr id="Row2_2014-04-15_3" class="Row" align="center"> <td> <input id="TNewLine_2014-04-15_3_1" class="clone" type="button" ;="" style="width: 100%;" value="New"> </td> <td> <input id="TDate_2014-04-15_3_1" type="date" style="width: 100%;"> </td> <td> <select id="TSRequest_2014-04-15_3_1" style="width: 100%;"> </td> <td> <input id="TTime_2014-04-15_3_1" type="text" style="width: 100%;"> </td> <td> <textarea id="TTADescription_2014-04-15_3_1" style="resize: none;" cols="25" rows="2"></textarea> </td> <td> <input id="TIWorker_2014-04-15_3_1" type="text" style="width: 100%;"> </td> </tr> <tr id="Row2_2014-04-15_3_5" class="Row" align="center"> <td> <input id="TNewLine_2014-04-15_3_1" class="clone" type="button" ;="" style="width: 100%;" value="New"> </td> <td> <input id="TDate_2014-04-15_3_1" type="date" style="width: 100%;"> </td> <td> <select id="TSRequest_2014-04-15_3_1" style="width: 100%;"> </td> <td> <input id="TTime_2014-04-15_3_1" type="text" style="width: 100%;"> </td> <td> <textarea id="TTADescription_2014-04-15_3_1" style="resize: none;" cols="25" rows="2"></textarea> </td> <td> <input id="TIWorker_2014-04-15_3_1" type="text" style="width: 100%;"> </td> </tr> <tr id="Row2_2014-04-15_3_4" class="Row" align="center"> <td> <input id="TNewLine_2014-04-15_3_1" class="clone" type="button" ;="" style="width: 100%;" value="New"> </td> <td> <input id="TDate_2014-04-15_3_1" type="date" style="width: 100%;"> </td> <td> <select id="TSRequest_2014-04-15_3_1" style="width: 100%;"> </td> <td> <input id="TTime_2014-04-15_3_1" type="text" style="width: 100%;"> </td> <td> <textarea id="TTADescription_2014-04-15_3_1" style="resize: none;" cols="25" rows="2"></textarea> </td> <td> <input id="TIWorker_2014-04-15_3_1" type="text" style="width: 100%;"> </td> </tr> <tr id="Row2_2014-04-15_3_3" class="Row" align="center"> <td> <input id="TNewLine_2014-04-15_3_1" class="clone" type="button" ;="" style="width: 100%;" value="New"> </td> <td> <input id="TDate_2014-04-15_3_1" type="date" style="width: 100%;"> </td> <td> <select id="TSRequest_2014-04-15_3_1" style="width: 100%;"> </td> <td> <input id="TTime_2014-04-15_3_1" type="text" style="width: 100%;"> </td> <td> <textarea id="TTADescription_2014-04-15_3_1" style="resize: none;" cols="25" rows="2"></textarea> </td> <td> <input id="TIWorker_2014-04-15_3_1" type="text" style="width: 100%;"> </td> </tr> <tr id="Row2_2014-04-15_3_2" class="Row" align="center"> <td> <input id="TNewLine_2014-04-15_3_1" class="clone" type="button" ;="" style="width: 100%;" value="New"> </td> <td> <input id="TDate_2014-04-15_3_1" type="date" style="width: 100%;"> </td> <td> <select id="TSRequest_2014-04-15_3_1" style="width: 100%;"> </td> <td> <input id="TTime_2014-04-15_3_1" type="text" style="width: 100%;"> </td> <td> <textarea id="TTADescription_2014-04-15_3_1" style="resize: none;" cols="25" rows="2"></textarea> </td> <td> <input id="TIWorker_2014-04-15_3_1" type="text" style="width: 100%;"> </td> </tr> <tr id="Row2_2014-04-15_3_1" class="Row" align="center"> <td> <input id="TNewLine_2014-04-15_3_2" class="clone" type="button" ;="" style="width: 100%;" value="New"> </td> <td> <input id="TDate_2014-04-15_3_2" type="date" style="width: 100%;"> </td> <td> <select id="TSRequest_2014-04-15_3_2" style="width: 100%;"> </td> <td> <input id="TTime_2014-04-15_3_2" type="text" style="width: 100%;"> </td> <td> <textarea id="TTADescription_2014-04-15_3_2" style="resize: none;" cols="25" rows="2"></textarea> </td> <td> <input id="TIWorker_2014-04-15_3_2" type="text" style="width: 100%;"> </td> </tr> </tbody> </table>
function CreaTable(idJour,idWorker,nameWorker,dates) { //Je crée un nouveau div pour le tableau $("#Zone_Tab").append("<div name='MesTBL' id='myDiv_" + "TJour_" + idJour + '_' + idWorker + "'></div>"); //On crée un tableau pour le jour X $("#myDiv_" +"TJour_" + idJour+'_'+ idWorker).append('<table border="2" id="TJour_' + idJour+'_'+ idWorker + '"></table>').css("border","2px inset #000000"); // Line Title $("#TJour_" + idJour+'_'+ idWorker).append('<tr align="center" class="ORow" id="Row1_' + idJour+'_'+ idWorker + '"></tr>'); //Title New Line $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">New Line</td>'); //On crée un Input pour la date $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Date</td>'); //Title Request $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF" width="160px">Request</td>'); //Title Times (h) $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Time (h)</td>'); //Title Description $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Description</td>'); //Title Worker $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF"width="170px">Worker</td>'); // First line $("#TJour_" + idJour+'_'+ idWorker).append('<tr align="center" class="Row" id="Row2_' + idJour+'_'+ idWorker+ '"></tr>'); //On crée un Bouton New Line $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="button" value="New" style="width: 100%;" class="clone"; id="TNewLine_' + idJour+'_'+ idWorker + '"></input></td>'); //On crée un Input pour la date $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="date" style="width: 100%;" id="TDate_' + idJour+'_'+ idWorker + '"></input></td>'); //On crée un Select pour la tache $.ajax ({ type: 'POST', data: {id_Jour : idJour+'_',id_Worker : idWorker}, async: false, url:'TSRequest.ajx.php', success:function(data) { $("#Row2_" + idJour+'_'+ idWorker).append('<td>'+data+'</td>');}, error: function(error){alert("Erreur : " + error);} }); //On crée un Input pour le Temps $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="text" style="width: 100%;" id="TTime_' + idJour+'_'+ idWorker+ '"></input>'); //On crée une Zone de texte pour la description $("#Row2_" + idJour+'_'+ idWorker).append('<td><textarea rows="2" cols="25" style="resize: none;" id="TTADescription_' + idJour+'_'+ idWorker +'"></textarea></td>'); //On crée un Select pour l employer $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="text" style="width: 100%;" id="TIWorker_' + idJour+'_'+ idWorker+ '"></input>'); // On met le nom de l'employer sélectionner dans l'input TSWorker+idJour+idWorker $("#TSWorker_"+idJour+'_'+ idWorker).val(nameWorker); // On met la valeur de la date sélectionner dans l'input TDate+idJour+idWorker var dateText = $.datepick.formatDate(dates[0]); $("#TDate_"+idJour+'_'+ idWorker).val(dateText); // Méthode pour le clonage var cloneCount = 1; var ID_B_NewLine ="#TNewLine_" + idJour+'_'+ idWorker; var ID_Row ="#Row2_" + idJour+'_'+ idWorker; var N_Row ="Row2_" + idJour+'_'+ idWorker; var ID_B_NewLine = "#TNewLine_" + idJour+'_'+ idWorker; var ID_I_Date = "#TDate_" + idJour+'_'+ idWorker ; var ID_S_Request = "#TSRequest_"+ idJour+'_'+ idWorker; var ID_I_Time = "#TTime_" + idJour+'_'+ idWorker ; var ID_TA_Description = "#TTADescription_" + idJour+'_'+ idWorker ; var ID_I_Worker = "#TIWorker_" + idJour+'_'+ idWorker; var N_B_NewLine = "TNewLine_" + idJour+'_'+ idWorker; var N_I_Date = "TDate_" + idJour+'_'+ idWorker ; var N_S_Request = "TSRequest_"+ idJour+'_'+ idWorker; var N_I_Time = "TTime_" + idJour+'_'+ idWorker ; var N_TA_Description = "TTADescription_" + idJour+'_'+ idWorker ; var N_I_Worker = "TIWorker_" + idJour+'_'+ idWorker; $(ID_B_NewLine).click(function() { $(ID_Row) .clone() .attr('id', N_Row +'_'+ cloneCount) .insertAfter($(ID_Row)) $(ID_B_NewLine) .attr('id', N_B_NewLine +'_'+ cloneCount) $(ID_I_Date) .attr('id', N_I_Date +'_'+ cloneCount) $(ID_S_Request) .attr('id', N_S_Request +'_'+ cloneCount) $(ID_I_Time) .attr('id', N_I_Time +'_'+ cloneCount) $(ID_TA_Description) .attr('id', N_TA_Description +'_'+ cloneCount) $(ID_I_Worker) .attr('id', N_I_Worker +'_'+ cloneCount++) }); }
function CreaTable(idJour,idWorker,nameWorker,dates) { //Je crée un nouveau div pour le tableau $("#Zone_Tab").append("<div name='MesTBL' id='myDiv_" + "TJour_" + idJour + '_' + idWorker + "'></div>"); //On crée un tableau pour le jour X $("#myDiv_" +"TJour_" + idJour+'_'+ idWorker).append('<table border="2" id="TJour_' + idJour+'_'+ idWorker + '"></table>').css("border","2px inset #000000"); // Line Title $("#TJour_" + idJour+'_'+ idWorker).append('<tr align="center" class="ORow" id="Row1_' + idJour+'_'+ idWorker + '"></tr>'); //Title New Line $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">New Line</td>'); //On crée un Input pour la date $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Date</td>'); //Title Request $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF" width="160px">Request</td>'); //Title Times (h) $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Time (h)</td>'); //Title Description $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Description</td>'); //Title Worker $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF"width="170px">Worker</td>'); // First line $("#TJour_" + idJour+'_'+ idWorker).append('<tr align="center" class="Row" id="Row2_' + idJour+'_'+ idWorker+ '"></tr>'); //On crée un Bouton New Line $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="button" value="New" style="width:100%" class="clone" id="TNewLine_' + idJour+'_'+ idWorker + '"></input></td>'); //On crée un Input pour la date $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="date" style="width: 100%;" id="TDate_' + idJour+'_'+ idWorker + '"></input></td>'); //On crée un Select pour la tache $.ajax ({ type: 'POST', data: {id_Jour : idJour+'_',id_Worker : idWorker}, async: false, url:'TSRequest.ajx.php', success:function(data) { $("#Row2_" + idJour+'_'+ idWorker).append('<td>'+data+'</td>');}, error: function(error){alert("Erreur : " + error);} }); //On crée un Input pour le Temps $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="text" value="" style="width: 100%;" id="TTime_' + idJour+'_'+ idWorker+ '"></input>'); //On crée une Zone de texte pour la description $("#Row2_" + idJour+'_'+ idWorker).append('<td><textarea rows="2" cols="25" style="resize: none;" id="TTADescription_' + idJour+'_'+ idWorker +'"></textarea></td>'); //On crée un Input pour l employer $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="text" style="width: 100%;" id="TIWorker_' + idJour+'_'+ idWorker+ '"></input>'); // On met le nom de l'employer sélectionner dans l'input TSWorker+idJour+idWorker $("#TIWorker_"+idJour+'_'+ idWorker).val(nameWorker); // On met la valeur de la date sélectionner dans l'input TDate+idJour+idWorker var dateText = $.datepick.formatDate(dates[0]); $("#TDate_"+idJour+'_'+ idWorker).val(dateText); // Méthode pour le clonage var cloneCount = 1; var ID_B_NewLine ="#TNewLine_" + idJour+'_'+ idWorker; var ID_Row ="#Row2_" + idJour+'_'+ idWorker; var N_Row ="Row2_" + idJour+'_'+ idWorker; var ID_B_NewLine = "#TNewLine_" + idJour+'_'+ idWorker; var ID_I_Date = "#TDate_" + idJour+'_'+ idWorker ; var ID_S_Request = "#TSRequest_"+ idJour+'_'+ idWorker; var ID_I_Time = "#TTime_" + idJour+'_'+ idWorker ; var ID_TA_Description = "#TTADescription_" + idJour+'_'+ idWorker ; var ID_I_Worker = "#TIWorker_" + idJour+'_'+ idWorker; var N_B_NewLine = "TNewLine_" + idJour+'_'+ idWorker; var N_I_Date = "TDate_" + idJour+'_'+ idWorker ; var N_S_Request = "TSRequest_"+ idJour+'_'+ idWorker; var N_I_Time = "TTime_" + idJour+'_'+ idWorker ; var N_TA_Description = "TTADescription_" + idJour+'_'+ idWorker ; var N_I_Worker = "TIWorker_" + idJour+'_'+ idWorker; var S_Request = $(ID_S_Request).value var N_Description = $(ID_TA_Description).value var E_Time = $(ID_I_Time).value $(ID_B_NewLine).click(function() { // Clone line $(ID_Row) .clone() .attr('id', N_Row +'_'+ cloneCount++) .insertAfter($(ID_Row)); // Modify object id $(ID_B_NewLine).attr('id', N_B_NewLine +'_'+ cloneCount); $(ID_I_Date).attr('id', N_I_Date +'_'+ cloneCount); $(ID_S_Request).attr('id', N_S_Request +'_'+ cloneCount); $(ID_I_Time).attr('id', N_I_Time +'_'+ cloneCount); $(ID_TA_Description).attr('id', N_TA_Description +'_'+ cloneCount); $(ID_I_Worker).attr('id', N_I_Worker +'_'+ cloneCount); // Modify object Attibute $(ID_I_Time).attr('value',''); $(ID_S_Request).attr('value',''); $(ID_TA_Description).attr('value',''); // Modify clone Attibute $(ID_B_NewLine +'_'+ cloneCount).attr("style", "visibility: hidden"); $(ID_I_Time +'_'+ cloneCount).attr('value',E_Time); $(ID_S_Request +'_'+ cloneCount).attr('value',S_Request); $(ID_TA_Description +'_'+ cloneCount).attr('value',N_Description); }); }
function CloneLine(Line) { newLine = Line.cloneNode(true); Line.parentNode.insertBefore(newLine,Line); }
function CreaTable(idJour,idWorker,nameWorker,dates) { //Je crée un nouveau div pour le tableau $("#Zone_Tab").append("<div name='MesTBL' id='myDiv_" + "TJour_" + idJour + '_' + idWorker + "'></div>"); //On crée un tableau pour le jour X $("#myDiv_" +"TJour_" + idJour+'_'+ idWorker).append('<table border="2" id="TJour_' + idJour+'_'+ idWorker + '"></table>').css("border","2px inset #000000"); // Line Title $("#TJour_" + idJour+'_'+ idWorker).append('<tr align="center" class="ORow" id="Row1_' + idJour+'_'+ idWorker + '"></tr>'); //Title New Line $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">New Line</td>'); //On crée un Input pour la date $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Date</td>'); //Title Request $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF" width="160px">Request</td>'); //Title Times (h) $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Time (h)</td>'); //Title Description $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Description</td>'); //Title Worker $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF"width="170px">Worker</td>'); // First line $("#TJour_" + idJour+'_'+ idWorker).append('<tr align="center" class="Row" id="Row2_' + idJour+'_'+ idWorker+ '"></tr>'); //On crée un Bouton New Line $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="button" value="New" style="width:100%" onclick="CloneLine(this.parentNode.parentNode,'idJour','idWorker');" id="TNewLine_' + idJour+'_'+ idWorker + '"></input></td>'); //On crée un Input pour la date $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="date" style="width: 100%;" id="TDate_' + idJour+'_'+ idWorker + '"></input></td>'); //On crée un Select pour la tache $.ajax ({ type: 'POST', data: {id_Jour : idJour+'_',id_Worker : idWorker}, async: false, url:'TSRequest.ajx.php', success:function(data) { $("#Row2_" + idJour+'_'+ idWorker).append('<td>'+data+'</td>');}, error: function(error){alert("Erreur : " + error);} }); //On crée un Input pour le Temps $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="text" value="" style="width: 100%;" id="TTime_' + idJour+'_'+ idWorker+ '"></input>'); //On crée une Zone de texte pour la description $("#Row2_" + idJour+'_'+ idWorker).append('<td><textarea rows="2" cols="25" style="resize: none;" id="TTADescription_' + idJour+'_'+ idWorker +'"></textarea></td>'); //On crée un Input pour l employer $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="text" style="width: 100%;" id="TIWorker_' + idJour+'_'+ idWorker+ '"></input>'); // On met le nom de l'employer sélectionner dans l'input TSWorker+idJour+idWorker $("#TIWorker_"+idJour+'_'+ idWorker).val(nameWorker); // On met la valeur de la date sélectionner dans l'input TDate+idJour+idWorker var dateText = $.datepick.formatDate(dates[0]); $("#TDate_"+idJour+'_'+ idWorker).val(dateText); } function CloneLine(Line,idJour,idWorker) { newLine = Line.cloneNode(true); Line.parentNode.insertBefore(newLine,Line); // Méthode pour le clonage var cloneCount = 1; var ID_Row ="#Row2_" + idJour+'_'+ idWorker; var N_Row ="Row2_" + idJour+'_'+ idWorker; var ID_B_NewLine = "#TNewLine_" + idJour+'_'+ idWorker; var ID_I_Date = "#TDate_" + idJour+'_'+ idWorker ; var ID_S_Request = "#TSRequest_"+ idJour+'_'+ idWorker; var ID_I_Time = "#TTime_" + idJour+'_'+ idWorker ; var ID_TA_Description = "#TTADescription_" + idJour+'_'+ idWorker ; var ID_I_Worker = "#TIWorker_" + idJour+'_'+ idWorker; var N_B_NewLine = "TNewLine_" + idJour+'_'+ idWorker; var N_I_Date = "TDate_" + idJour+'_'+ idWorker ; var N_S_Request = "TSRequest_"+ idJour+'_'+ idWorker; var N_I_Time = "TTime_" + idJour+'_'+ idWorker ; var N_TA_Description = "TTADescription_" + idJour+'_'+ idWorker ; var N_I_Worker = "TIWorker_" + idJour+'_'+ idWorker; // Modify object id $(ID_B_NewLine).attr('id', N_B_NewLine +'_'+ cloneCount); $(ID_I_Date).attr('id', N_I_Date +'_'+ cloneCount); $(ID_S_Request).attr('id', N_S_Request +'_'+ cloneCount); $(ID_I_Time).attr('id', N_I_Time +'_'+ cloneCount); $(ID_TA_Description).attr('id', N_TA_Description +'_'+ cloneCount); $(ID_I_Worker).attr('id', N_I_Worker +'_'+ cloneCount); }
function CreaTable(idJour,idWorker,nameWorker,dates) { //Je crée un nouveau div pour le tableau $("#Zone_Tab").append("<div name='MesTBL' id='myDiv_" + "TJour_" + idJour + '_' + idWorker + "'></div>"); //On crée un tableau pour le jour X $("#myDiv_" +"TJour_" + idJour+'_'+ idWorker).append('<table border="2" id="TJour_' + idJour+'_'+ idWorker + '"></table>').css("border","2px inset #000000"); // Line Title $("#TJour_" + idJour+'_'+ idWorker).append('<tr align="center" class="ORow" id="Row1_' + idJour+'_'+ idWorker + '"></tr>'); //Title New Line $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">New Line</td>'); //On crée un Input pour la date $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Date</td>'); //Title Request $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF" width="160px">Request</td>'); //Title Times (h) $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Time (h)</td>'); //Title Description $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF">Description</td>'); //Title Worker $("#Row1_" + idJour+'_'+ idWorker).append('<td bgcolor="#F0FFFF"width="170px">Worker</td>'); // First line $("#TJour_" + idJour+'_'+ idWorker).append('<tr align="center" class="Row" id="Row2_' + idJour+'_'+ idWorker+ '"></tr>'); //On crée un Bouton New Line $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="button" value="New" style="width:100%" class="clone" id="TNewLine_' + idJour+'_'+ idWorker + '"></input></td>'); //On crée un Input pour la date $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="date" style="width: 100%;" id="TDate_' + idJour+'_'+ idWorker + '"></input></td>'); //On crée un Select pour la tache $.ajax ({ type: 'POST', data: {id_Jour : idJour+'_',id_Worker : idWorker}, async: false, url:'TSRequest.ajx.php', success:function(data) { $("#Row2_" + idJour+'_'+ idWorker).append('<td>'+data+'</td>');}, error: function(error){alert("Erreur : " + error);} }); //On crée un Input pour le Temps $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="text" value="" style="width: 100%;" id="TTime_' + idJour+'_'+ idWorker+ '"></input>'); //On crée une Zone de texte pour la description $("#Row2_" + idJour+'_'+ idWorker).append('<td><textarea rows="2" cols="25" style="resize: none;" id="TTADescription_' + idJour+'_'+ idWorker +'"></textarea></td>'); //On crée un Input pour l employer $("#Row2_" + idJour+'_'+ idWorker).append('<td><input type="text" style="width: 100%;" id="TIWorker_' + idJour+'_'+ idWorker+ '"></input>'); // On met le nom de l'employer sélectionner dans l'input TSWorker+idJour+idWorker $("#TIWorker_"+idJour+'_'+ idWorker).val(nameWorker); // On met la valeur de la date sélectionner dans l'input TDate+idJour+idWorker var dateText = $.datepick.formatDate(dates[0]); $("#TDate_"+idJour+'_'+ idWorker).val(dateText); // Méthode pour le clonage var cloneCount = 1; var Line ="#Row2_" + idJour+'_'+ idWorker; var N_Row ="Row2_" + idJour+'_'+ idWorker; var ID_B_NewLine = "#TNewLine_" + idJour+'_'+ idWorker; var ID_I_Date = "#TDate_" + idJour+'_'+ idWorker ; var ID_S_Request = "#TSRequest_"+ idJour+'_'+ idWorker; var ID_I_Time = "#TTime_" + idJour+'_'+ idWorker ; var ID_TA_Description = "#TTADescription_" + idJour+'_'+ idWorker ; var ID_I_Worker = "#TIWorker_" + idJour+'_'+ idWorker; var N_B_NewLine = "TNewLine_" + idJour+'_'+ idWorker; var N_I_Date = "TDate_" + idJour+'_'+ idWorker ; var N_S_Request = "TSRequest_"+ idJour+'_'+ idWorker; var N_I_Time = "TTime_" + idJour+'_'+ idWorker ; var N_TA_Description = "TTADescription_" + idJour+'_'+ idWorker ; var N_I_Worker = "TIWorker_" + idJour+'_'+ idWorker; var S_Request = $(ID_S_Request).text var N_Description = $(ID_TA_Description).text var E_Time = $(ID_I_Time).text $('.clone').click(function() { // Clone line newLine = $(Line).clone(true); newLine.insertAfter('.ORow'); // Modify object id $(newLine).attr('id', N_Row +'_'+ cloneCount); $(ID_B_NewLine).attr('id', N_B_NewLine +'_'+ cloneCount); $(ID_I_Date).attr('id', N_I_Date +'_'+ cloneCount); $(ID_S_Request).attr('id', N_S_Request +'_'+ cloneCount); $(ID_I_Time).attr('id', N_I_Time +'_'+ cloneCount); $(ID_TA_Description).attr('id', N_TA_Description +'_'+ cloneCount); $(ID_I_Worker).attr('id', N_I_Worker +'_'+ cloneCount++); // Modify object Attibute $(ID_I_Time).text(""); $(ID_S_Request).text(""); $(ID_TA_Description).text(""); // Modify clone Attibute $(ID_B_NewLine).attr("style", "visibility: hidden"); $(ID_I_Time +'_'+ cloneCount).text(E_Time); $(ID_S_Request +'_'+ cloneCount).text(S_Request); $(ID_TA_Description +'_'+ cloneCount).text(N_Description); }); }
// Méthode pour le clonage var lineCount = 1; var Line ="#Row2_" + idJour+'_'+ idWorker; var N_Line ="Row2_" + idJour+'_'+ idWorker; var ID_B_TNewLine = "#TNewLine_" + idJour+'_'+ idWorker; var ID_I_Date = "#TDate_" + idJour+'_'+ idWorker ; var ID_S_Request = "#TSRequest_"+ idJour+'_'+ idWorker; var ID_I_Time = "#TTime_" + idJour+'_'+ idWorker ; var ID_TA_Description = "#TTADescription_" + idJour+'_'+ idWorker ; var ID_I_Worker = "#TIWorker_" + idJour+'_'+ idWorker; var N_B_TNewLine = "TNewLine_" + idJour+'_'+ idWorker; var N_I_Date = "TDate_" + idJour+'_'+ idWorker ; var N_S_Request = "TSRequest_"+ idJour+'_'+ idWorker; var N_I_Time = "TTime_" + idJour+'_'+ idWorker ; var N_TA_Description = "TTADescription_" + idJour+'_'+ idWorker ; var N_I_Worker = "TIWorker_" + idJour+'_'+ idWorker; $('.clone').click(function() { // Clone line newLine = $(Line).clone(true); $(newLine).attr('id', N_Line +'_'+ lineCount); newLine.insertAfter("#Row1_" + idJour+'_'+ idWorker); // Modify object id $('.clone').attr("style", "visibility: hidden"); $(ID_B_TNewLine).attr('id', N_B_TNewLine +'_'+ lineCount).attr("style", "visibility: visible"); $(ID_I_Date).attr('id', N_I_Date +'_'+ lineCount); $(ID_S_Request).attr('id', N_S_Request +'_'+ lineCount); $(ID_I_Time).attr('id', N_I_Time +'_'+ lineCount); $(ID_TA_Description).attr('id', N_TA_Description +'_'+ lineCount); $(ID_I_Worker).attr('id', N_I_Worker +'_'+ lineCount++); }); }
$('.clone').click(function() { // Clone line newLine = $(Line).clone(true); $(newLine).attr('id', N_Line +'_'+ lineCount); newLine.insertAfter("#Row1_" + idJour+'_'+ idWorker); // Modify object id $('.clone').attr("style", "visibility: hidden"); $(ID_B_TNewLine).attr('id', N_B_TNewLine +'_'+ lineCount).attr("style", "visibility: visible"); $(ID_I_Date).attr('id', N_I_Date +'_'+ lineCount); $(ID_S_Request).attr('id', N_S_Request +'_'+ lineCount); $(ID_I_Time).attr('id', N_I_Time +'_'+ lineCount).val(''); $(ID_TA_Description).attr('id', N_TA_Description +'_'+ lineCount); $(ID_I_Worker).attr('id', N_I_Worker +'_'+ lineCount++); });