Une petite question serait-il possible d'avoir se système de fonctionnement:
1- Init : Juste l'entête (calendrier et combobox)ça;. tu sais le faire. c'est ta question concernant la mise en place de calendriers "fixes".
2- Lors d'un clic sur une date création de la partit basse avec la date sélectionnerCa... c'est dans le lien que je t'ai donné
3- Si on sélectionne une autre date création d'une autre partie basse qui va masquer la précédente ainsi de suite .Là.. il faut que tu interceptes le click sur une date de ton calendrier.
4- Si on revient sur une date précédaient sélectionner la partie basse de celle-ci réparer sans avoir perdu d'information.Tant que tu ne recharge pas ta page.. que tu ne vas pas dans une autre page... tous les éléments créés/modifiés/ renseignés de ta page actuelle ne s'effacent pas.
<html> <head> <title> TEST </title> <script src="jquery-2.1.0.js"></script> </head> <body> <div name="mesDiv" id='test1'>Blablabla</div> <div name="mesDiv" id='test2'> <input type="text" id="monInput" value="A modifier.."></input> </div> <div name="mesDiv" id='test3'> <input type="button" id="monBouton" value="Auto-destruction"></input> </div> <div name="titi" id="toto"> <p> <a href="#test1" name="liens"> DIV 1 </a></p> <p> <a href="#test2" name="liens"> DIV 2 </a></p> <p> <a href="#test3" name="liens"> DIV 3 </a></p> <p> <a href="#ALL" name="ALL"> Afficher TOUT </a></p> </div> <script type="text/javascript"> $("a[name='liens']").click(function(){ var target=$(this).attr('href'); $("div[name='mesDiv']").hide(); $(target).show(); }); $("a[name='ALL']").click(function(){ $("div[name='mesDiv']").show(); }); </script> </body> </html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question<div name="mesDiv" id='test1'>Blablabla</div> <div name="mesDiv" id='test2'> <input type="text" id="monInput" value="A modifier.."></input> </div> <div name="titi" id="toto"> <p> <a href="#test1" name="liens" > DIV 1 </a></p> <p> <a href="#test2" name="liens"> DIV 2 </a></p> <p> <a href="#ALL" name="ALL"> Afficher TOUT </a></p> </div>
$("a[name='liens']").click(function(){ var target=$(this).attr('href'); $("div[name='mesDiv']").hide(); $(target).show(); }); $("a[name='ALL']").click(function(){ $("div[name='mesDiv']").show(); });
<head> <meta http-equiv="content-type" content="text/php; charset=ISO-8859-1" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> </head> <body> <script> $("a[name='liens']").click(function(){ var target=$(this).attr('href'); $("div[name='mesDiv']").hide(); $(target).show(); }); $("a[name='ALL']").click(function(){ $("div[name='mesDiv']").show(); }); </script> <div name="mesDiv" id='test1'>Blablabla</div> <div name="mesDiv" id='test2'> <input type="text" id="monInput" value="A modifier.."></input> </div> <div name="titi" id="toto"> <p> <a href="#test1" name="liens" > DIV 1 </a></p> <p> <a href="#test2" name="liens"> DIV 2 </a></p> <p> <a href="#ALL" name="ALL"> Afficher TOUT </a></p> </div> </body>
<script type="text/javascript"> $("a[name='liens']").click(function(){ var target=$(this).attr('href'); $("div[name='mesDiv']").hide(); $(target).show(); }); $("a[name='ALL']").click(function(){ $("div[name='mesDiv']").show(); }); </script>
<head> <meta http-equiv="content-type" content="text/php; charset=ISO-8859-1" /> <script type="text/javascript" src="jquery.js"></script> </head> <body> <script type="text/javascript"> $("a[name='liens']").click(function(){ var target=$(this).attr('href'); $("div[name='mesDiv']").hide(); $(target).show(); }); $("a[name='ALL']").click(function(){ $("div[name='mesDiv']").show(); }); </script> <div name="mesDiv" id='test1'>Blablabla</div> <div name="mesDiv" id='test2'> <input type="text" id="monInput" value="A modifier.."></input> </div> <div name="mesDiv" id='test3'> <input type="button" id="monBouton" value="Auto-destruction"></input> </div> <div name="titi" id="toto"> <p> <a href="#test1" name="liens"> DIV 1 </a></p> <p> <a href="#test2" name="liens"> DIV 2 </a></p> <p> <a href="#test3" name="liens"> DIV 3 </a></p> <p> <a href="#ALL" name="ALL"> Afficher TOUT </a></p> </div> </body>
<html> <html> <title>Daily_Time_Partie_Basse_Switch</title> <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> <div id="Top_Worker"> WORKER : <SELECT id="Select_Worker" NAME="SWorker" onChange="saveValue(this)"> <option value="*****************" selected="selected"></option> <option>***************** </SELECT> </div> <button id="Return" title="Return menu" type="button" onclick="self.location.href='Administrators_Menu.php'"> <img src="IMAGES/return_menu.jpg"> </button> <script type="text/javascript"> $(function() { $('#popupDatepicker').datepick(); $('#inlineDatepicker').datepick({onSelect:function(dateText){ document.getElementById("DATE1").value =dateText; } }); }); </script> <div id="inlineDatepicker"></div> <br> <div name="titi" id="toto"> <p> <a href="#Partie_Basse_Div_1" 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> <p> <a href="#ALL" name="ALL"> Afficher TOUT </a></p> </div> <fieldset id="Partie_Basse_Fieldset"> <legend> DAILY TIMETABLE per request</legend> <div name="MesLignes" id="Partie_Basse_Div_1"> <table id="Partie_Basse_Table" border="2"> <tbody> <tr align="center"> <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="Original_Line"> <td> <input type="button" name="NLine" id="" size="3" value="New" onclick="cloneEtVide(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 name="MesLignes" id="Partie_Basse_Div_2"> <table id="Partie_Basse_Table" border="2"> <tbody> <tr align="center"> <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="Original_Line"> <td> <input type="button" name="NLine" id="" size="3" value="New" onclick="cloneEtVide(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 name="MesLignes" id="Partie_Basse_Div_3"> <table id="Partie_Basse_Table" border="2"> <tbody> <tr align="center"> <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="Original_Line"> <td> <input type="button" name="NLine" id="" size="3" value="New" onclick="cloneEtVide(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> </fielset> <script type="text/javascript"> $("a[name='liens']").click(function(){ var target=$(this).attr('href'); $("div[name='MesLignes']").hide(); $(target).show(); }); $("a[name='ALL']").click(function(){ $("div[name='MesLignes']").show(); }); </script> </body> </html>