<html> <head> <meta http-equiv="content-type" content="text/php; charset=ISO-8859-1" /> <link rel="stylesheet" href="CSS/CSS_Daily_Timer.css"/> <link rel="stylesheet" href="CSS/Calendrier_CSS.css"/> <link rel="stylesheet" href="CSS/Calendar_Fixe_Design/jquery.datepick.css"> <script type="text/javascript" src="JS/JS_Add_Line.js" ></script> <script type="text/javascript" src="JS/JS_JQuery_2_1_0.js"></script> <script type="text/javascript" src="JS/JS_JQuery_Datepick_Pluging.js"></script> <script type="text/javascript" src="JS/JS_JQuery_Datepick.js"></script> <script type="text/javascript" src="JS/JS_Calendrier.js" ></script> <script type="text/javascript" src="JS/JS_Lanceur.js" ></script> </head> <body> <script type="text/javascript"> $(function() { $('#popupDatepicker').datepick(); $('#inlineDatepicker').datepick({onSelect:function(dateText){ document.getElementById("DATE1").value =dateText; } }); }); </script> <div id="inlineDatepicker"></div> <br> <input type="button" name="NTab" id="" size="3" value="NewT" onclick="CloneTab(Tab.parentNode.parentNode);"> </input> <fieldset id="Partie_Basse_Fieldset"> <legend> DAILY TIMETABLE per request</legend> <div name="MesLignes" id="Partie_Basse_Div"> <table id="Partie_Basse_Table" border="2"> <tbody> <tr align="center" id="Tab"> <td bgcolor="#F0FFFF"></td> <td bgcolor="#F0FFFF">Date</td> <td bgcolor="#F0FFFF">Request</td> <td bgcolor="#F0FFFF">Time(h)</td> <td bgcolor="#F0FFFF">Description</td> <td bgcolor="#F0FFFF">Worker</td> </tr> <tr align="center" id="Line"> <td> <input type="button" name="NLine" id="" size="3" value="New" onclick="CloneLine(this.parentNode.parentNode);"> </input> </td> <td> <input type="date" name="date" id="" size="9" value="" readonly="readonly"></input> </td> <td> <SELECT id="Select_Request" NAME="SRequest" onChange="saveValue(this)"> <option value="*****************" selected="selected"></option> <option>***************** </SELECT> </td> <td> <input type="text" name="time" id="" size="5" value=""></input> </td> <td> <textarea name="" id="TextArea_Description" rows="2" cols="30" value=""></textarea> </td> <td> <SELECT id="Table_Select_Worker" NAME="SWorker" onChange="saveValue(this)"> <option value="*****************" selected="selected"></option> <option>***************** </SELECT> </td> </tr> </tbody> </table> </div> <div></div> </fieldset> </body> </html>
function CloneTab(Tab, index) { newTab = Tab.cloneNode(true); Tab.parentNode.appendChild(newTab) } function CloneLine(Line, index) { newLine = Line.cloneNode(true); Line.parentNode.appendChild(newLine); }
<html> <head> <meta http-equiv="content-type" content="text/php; charset=ISO-8859-1" /> <link rel="stylesheet" href="CSS/CSS_Daily_Timer.css"/> <link rel="stylesheet" href="CSS/Calendrier_CSS.css"/> <link rel="stylesheet" href="CSS/Calendar_Fixe_Design/jquery.datepick.css"> <script type="text/javascript" src="JS/JS_JQuery_2_1_0.js"></script> <script type="text/javascript" src="JS/JS_JQuery_Datepick_Pluging.js"></script> <script type="text/javascript" src="JS/JS_JQuery_Datepick.js"></script> <script type="text/javascript" src="JS/JS_Calendrier.js" ></script> <script type="text/javascript" src="JS/JS_Lanceur.js" ></script> </head> <body> <div id="inlineDatepicker"></div> <input type="date" name="DATE1" id="DATE1" size="9" value="" readonly="readonly"></input> <br> <button id="NTab">NewT</button> <fieldset id="Partie_Basse_Fieldset"> <legend> DAILY TIMETABLE per request</legend> <div name="MesLignes" id="Partie_Basse_Div"> <table id="Partie_Basse_Table" border="2"> <tbody class="O_Tab"> <tr align="center" id="Tab"> <td bgcolor="#F0FFFF"></td> <td bgcolor="#F0FFFF">Date</td> <td bgcolor="#F0FFFF">Request</td> <td bgcolor="#F0FFFF">Time(h)</td> <td bgcolor="#F0FFFF">Description</td> <td bgcolor="#F0FFFF">Worker</td> </tr> <tr align="center" id="Line"> <td> <input type="button" name="NLine" id="" size="3" value="New" onclick="CloneLine(this.parentNode.parentNode);"> </input> </td> <td> <input type="date" name="date" id="" size="9" value="" readonly="readonly"></input> </td> <td> <SELECT id="Select_Request" NAME="SRequest" onChange="saveValue(this)"> <option value="*****************" selected="selected"></option> <option>***************** </SELECT> </td> <td> <input type="text" name="time" id="" size="5" value=""></input> </td> <td> <textarea name="" id="TextArea_Description" rows="2" cols="30" value=""></textarea> </td> <td> <SELECT id="Table_Select_Worker" NAME="SWorker" onChange="saveValue(this)"> <option value="*****************" selected="selected"></option> <option>***************** </SELECT> </td> </tr> </tbody> </table> </div> </fieldset> <script type="text/javascript"> $(function() { $('#popupDatepicker').datepick(); $('#inlineDatepicker').datepick( { onSelect:function(dateText) { document.getElementById("DATE1").value =dateText; } }); }); </script> <script type="text/javascript"> function CloneLine(Line, index) { newLine = Line.cloneNode(true); Line.parentNode.appendChild(newLine); } </script> <script type="text/javascript"> $('#inlineDatepicker').click(function () { $('.O_Tab').clone().insertAfter(".O_Tab"); }); </script> </body> </html>
function CloneTab(Tab, index) { var tbl=document.getElementById("Partie_Basse_Table") var newTab = tbl.rows[0].cloneNode(true); newTab=Tab.parentNode.appendChild(newTab) var newTab2 = tbl.rows[1].cloneNode(true); Tab.parentNode.appendChild(newTab2) }
<input type="button" name="NTab" id="" size="3" value="NewT"
onclick="CloneTab(Tab);">
</input>
function CloneLine(Line) { newLine = Line.cloneNode(true); Line.parentNode.insertBefore(newLine,Line) }
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question<html> <head> <meta http-equiv="content-type" content="text/php; charset=ISO-8859-1" /> <link rel="stylesheet" href="CSS/CSS_Daily_Timer.css"/> <link rel="stylesheet" href="CSS/Calendrier_CSS.css"/> <link rel="stylesheet" href="CSS/Calendar_Fixe_Design/jquery.datepick.css"> <script type="text/javascript" src="JS/JS_Add_Line.js" ></script> <script type="text/javascript" src="JS/JS_JQuery_2_1_0.js"></script> <script type="text/javascript" src="JS/JS_JQuery_Datepick_Pluging.js"></script> <script type="text/javascript" src="JS/JS_JQuery_Datepick.js"></script> <script type="text/javascript" src="JS/JS_Calendrier.js" ></script> <script type="text/javascript" src="JS/JS_Lanceur.js" ></script> </head> <body> <script type="text/javascript"> $(function() { $('#popupDatepicker').datepick(); $('#inlineDatepicker').datepick({onSelect:function(dateText){ document.getElementById("DATE1").value =dateText; } }); }); function CloneTab(Tab, index) { var tbl=document.getElementById("Partie_Basse_Table") var newTab = tbl.rows[0].cloneNode(true); newTab=Tab.parentNode.appendChild(newTab) var newTab2 = tbl.rows[1].cloneNode(true); Tab.parentNode.appendChild(newTab2) } function CloneLine(Line) { newLine = Line.cloneNode(true); Line.parentNode.insertBefore(newLine,Line) //Line.parentNode.appendChild(newLine); } </script> <div id="inlineDatepicker"></div> <br> <input type="button" name="NTab" id="" size="3" value="NewT" onclick="CloneTab(Tab);"> </input> <fieldset id="Partie_Basse_Fieldset"> <legend> DAILY TIMETABLE per request</legend> <div name="MesLignes" id="Partie_Basse_Div"> <table id="Partie_Basse_Table" border="2"> <tbody> <tr align="center" id="Tab"> <td bgcolor="#F0FFFF"></td> <td bgcolor="#F0FFFF">Date</td> <td bgcolor="#F0FFFF">Request</td> <td bgcolor="#F0FFFF">Time(h)</td> <td bgcolor="#F0FFFF">Description</td> <td bgcolor="#F0FFFF">Worker</td> </tr> <tr align="center" id="Line"> <td> <input type="button" name="NLine" id="" size="3" value="New" onclick="CloneLine(this.parentNode.parentNode);"> </input> </td> <td> <input type="date" name="date" id="" size="9" value="" readonly="readonly"></input> </td> <td> <SELECT id="Select_Request" NAME="SRequest" onChange="saveValue(this)"> <option value="*****************" selected="selected"></option> <option>***************** </SELECT> </td> <td> <input type="text" name="time" id="" size="5" value=""></input> </td> <td> <textarea name="" id="TextArea_Description" rows="2" cols="30" value=""></textarea> </td> <td> <SELECT id="Table_Select_Worker" NAME="SWorker" onChange="saveValue(this)"> <option value="*****************" selected="selected"></option> <option>***************** </SELECT> </td> </tr> </tbody> </table> </div> <div></div> </fieldset> </body> </html>
<html> <head> <meta http-equiv="content-type" content="text/php; charset=ISO-8859-1" /> <link rel="stylesheet" href="CSS/CSS_Daily_Timer.css"/> <link rel="stylesheet" href="CSS/Calendrier_CSS.css"/> <link rel="stylesheet" href="CSS/Calendar_Fixe_Design/jquery.datepick.css"> <script type="text/javascript" src="JS/JS_JQuery-1.11.0.js"></script> <script type="text/javascript" src="JS/JS_JQuery_Datepick_Pluging.js"></script> <script type="text/javascript" src="JS/JS_JQuery_Datepick.js"></script> <script type="text/javascript" src="JS/JS_Calendrier.js" ></script> <script type="text/javascript" src="JS/JS_Lanceur.js" ></script> </head> <body> <div id="inlineDatepicker"></div> <br> <fieldset id="Partie_Basse_Fieldset"> <legend> DAILY TIMETABLE per request</legend> <!-- définir Partie_Basse_Div comme un onglet ainsie que chaqun de ses clone --> <div name="MesLignes" id="Partie_Basse_Div"> <table id="Partie_Basse_Table" border="2"> <tbody class="O_Tab"> <tr align="center" id="Tab"> <td bgcolor="#F0FFFF"></td> <td bgcolor="#F0FFFF">Date</td> <td bgcolor="#F0FFFF">Request</td> <td bgcolor="#F0FFFF">Time(h)</td> <td bgcolor="#F0FFFF">Description</td> <td bgcolor="#F0FFFF">Worker</td> </tr> <tr align="center" id="Line"> <td> <input type="button" name="NLine" id="" size="3" value="New" onclick="CloneLine(this.parentNode.parentNode);"> </input> </td> <td> <input type="date" name="date" id="TDate" size="9" value="" readonly="readonly"></input> </td> <td> <SELECT id="Select_Request" NAME="SRequest" onChange="saveValue(this)"> <option value="*****************" selected="selected"></option> <option>***************** </SELECT> </td> <td> <input type="text" name="time" id="" size="5" value=""></input> </td> <td> <textarea name="" id="TextArea_Description" rows="2" cols="30" value=""></textarea> </td> <td> <SELECT id="Table_Select_Worker" NAME="SWorker" onChange="saveValue(this)"> <option value="*****************" selected="selected"></option> <option>***************** </SELECT> </td> </tr> </tbody> </table> </div> </fieldset> <div name="titi" id="toto"> <!-- lier au calendrier les appel des onglets --> <!-- lors du clonnage ajouter le lien de l'onglet au calendrier --> <p> <a href="#Partie_Basse_Div" name="liens"> DIV 1 </a></p> <p> <a href="#Partie_Basse_Div_2" name="liens"> DIV 2 </a></p> <p> <a href="#Partie_Basse_Div_3" name="liens"> DIV 3 </a></p> </div> <!-- cloner Partie_Basse_Div lors de l'init faire apparaitre le clone et rendre l'original invisible --> <script type="text/javascript"> var cloneCount = 1; $('#inlineDatepicker').click ( function () { <!-- clone le tableau --> $("#Partie_Basse_Table").clone().insertAfter("#Partie_Basse_Table"); <!-- modifie l'id du clone --> $("#Partie_Basse_Table").clone().attr('Partie_Basse_Table', 'Partie_Basse_Table'+'_'+ cloneCount++).after("#Partie_Basse_Table"); } ); </script> <script type="text/javascript"> $(function() { $('#popupDatepicker').datepick(); $('#inlineDatepicker').datepick( { onSelect:function(dateText) { <!-- modifie la valeur de TDate --> document.getElementById("TDate").value =dateText; } }); }); </script> <script type="text/javascript"> function CloneLine(Line, index) { newLine = Line.cloneNode(true); Line.parentNode.appendChild(newLine); } </script> <script type="text/javascript"> $("a[name='liens']").click ( function() { var target=$(this).attr('href'); $("div[name='MesLignes']").hide(); $(target).show(); } ); </script> </body> </html>