Charger nouvelle page en montrant une section cachée initialement.
Bonjour,
Après avoir cherché vainement, je viens solliciter une nouvelle fois de l'aide sur ce forum.
En fait, je souhaiterais changer de page et que dans sur cette nouvelle page, une section qui est cachée à l'origine ne le soit plus.
Par exemple:
Ma page principale est la page "projet" contenant 7 sections que j'ai cachées au chargement.
Sur cette meme page ce trouve un menu contenant 7 onglets. Le premier onglet fait apparaitre la première section et cache les autres. Le second onglet fait apparaitre la seconde section et cache les autres et ainsi de suite pour les 7 onglets.
Prenons un exemple avec l'onglet "Budget" :
En cliquant sur l'onglet "Budget", la section "Budget" apparait
cette section comprendre une partie résumé des revenus avec un bouton pour y accéder et une partie résumé des charges avec également un bouton pour y accéder.
En cliquant sur sur le bouton "modifier/ajouter" de revenus, je vais sur une nouvelles pages où je peux soit ajouter soit modifier les revenus.
cette page est doté d'un bouton "retour". En cliquant sur ce bouton, je retourne effectivement sur la page "projet". Jusque là tout va bien.
Mais je souhaiterait également que la section "Budget" soit affichée. C'est là où je bloque.
Quelqu'un pourrait-il me donné un petit coup de main SVP ? Par avance merci.
PS: Je précise je suis novice et que mes connaissances en JAVASCRIPT sont très limitées.
Ci-dessous :
page projet.php
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <!-- ONGLET PROJET -->
<section><?php include ("../../Config/ligne_connexion.php"); ?></section>
<section id="menuSecondaire">
<div id="ms-project-Projet" class="boutonPjtMenu2" ><p class="boutonPjt" type="" name="client" id="client" value="" >PROJET</p></div>
<div id="ms-project-Objectifs" class="boutonPjtMenu2"><p class="boutonPjt" type="" name="target" id="target" value="" >OBJECTIFS</p></div>
<div id="ms-project-Patrimoine" class="boutonPjtMenu2"><p class="boutonPjt" type="" name="patrimoine" id="patrimoine" value="PATRIMOINE" >PATRIMOINE</p></div>
<div id="ms-project-Budget" class="boutonPjtMenu2"><p class="boutonPjt" type="" name="budget" id="budget" value="" >BUDGET</p></div>
<div id="ms-project-Prevoyance" class="boutonPjtMenu2"><p class="boutonPjt" type="" name="prevoyance" id="prevoyance" value="">PREVOYANCE</p></div>
<div id="ms-project-Profil" class="boutonPjtMenu2"><p class="boutonPjt" type="" name="profil" id="profil" value="" >PROFIL</p></div>
<div id="ms-project-Rapport" class="boutonPjtMenu2"><p class="boutonPjt" type="" name="bilan" id="bilan" value="">RAPPORT</p></div>
</section>
<div class="full-content">
<section id="section-project-Projet"><?php include ("edit_pjt.php"); ?></section>
<section id="section-project-Objectifs"><?php include ("objectif_pjt.php"); ?></section>
<section id="section-project-Patrimoine"><?php include ("patrimoine_pjt.php"); ?></section>
<section id="section-project-Budget"><?php include ("budget_pjt.php"); ?></section>
<section id="section-project-Prevoyance"><?php include ("prevoyance_pjt.php"); ?></section>
<section id="section-project-Profil"><?php include ("profil_pjt.php"); ?></section>
<section id="section-project-Rapport"><?php include ("rapport_pjt.php"); ?></section>
</div>
<script src="project.js"></script> |
ci-dessous la section "section-project-Budget"
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| <table class=lineButton>
<thead>
<tr>
<th class="largeurTab55"></th>
<th class="largeurTab15 centrage">CLIENT</th>
<th class="largeurTab15 centrage">CONJOINT</th>
<th class="largeurTab15 centrage">MENAGE</th>
</tr>
</thead>
<tbody>
<tr>
<td class="largeurTab55"><?= $catrev['categorie_rev'] ?></td>
<td class="largeurTab15 centrage"><input class="centrage input134" name="TOTAL_rev_clt" id="TOTAL_rev_clt" type="text" readonly value="<?= $TOTAL_rev_clt ?>"></td>
<td class="largeurTab15 centrage"><input class="centrage input134" name="TOTAL_rev_cjt" id="TOTAL_rev_cjt"type="text" readonly value="<?= $TOTAL_rev_cjt ?>"></td>
<td class="largeurTab15 centrage"><input class="centrage input134" name="TOTAL_rev_menage" id="TOTAL_rev_menage" type="text" readonly value="<?= $TOTAL_rev_menage ?>"></td>
</tr>
<tr>
<th class="largeurTab55">TOTAL DES REVENUS</th>
<th class="largeurTab15 centrage"><input class="centrage gras input134" type="text" readonly value="<?= $TOTAL_revenu_clt ?>"></th>
<th class="largeurTab15 centrage"><input class="centrage gras input134" type="text" readonly value="<?= $TOTAL_revenu_cjt ?>"></th>
<th class="largeurTab15 centrage"><input class="centrage gras input134" type="text" readonly value="<?= $TOTAL_revenu_menage ?>"></th>
</tr>
<tr>
<th class="largeurTab55">TOTAL DES REVENUS DU FOYER</th>
<th class="largeurTab15 centrage"><input class="centrage gras input134" type="text" readonly value="<?= $TOTAL_revenu_foyer ?>"></th>
<th class="largeurTab15 centrage"></th>
<th class="largeurTab15 centrage"></th>
</tr>
</tbody>
</table>
<input class="bouton " type="button" name="revenus" value="Ajouter / Modifier" onclick="javascript:window.document.location.href='revenus.php?numpjt=<?= $projet['id_projet'] ?>';"> |
page revenus.php (uniquement le bouton qui renvoi à la page projet.php)
Code:
<input class="bouton police08em" type="button" name="backTobudget" value="Retour" onclick="javascript:window.document.location.hrefprojet.php?numpjt=<?=$IdPjt?>"/>
page project.js (ci-dessous uniquement pour l'onglet Budget)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| // BUDGET
$('#ms-project-Budget').click(function()
{
$('#square-projet').hide();
document.getElementById('section-project-Projet').style.display= "none";
document.getElementById('section-project-Objectifs').style.display= "none";
document.getElementById('section-project-Profil').style.display= "none";
document.getElementById('section-project-Budget').style.display= "block";
document.getElementById('section-project-Patrimoine').style.display= "none";
document.getElementById('section-project-Prevoyance').style.display= "none";
document.getElementById('section-project-Rapport').style.display= "none";
}) |
