Rendre un élément de liste actif après changement

**JujuPomme** · 18/04/2016, 14h44

Bonjour,

Après cet intitulé on ne peut plus incompréhensible, je vais vous expliquer mon problème.

J'ai deux menu:
- Le premier contient rechercher, fiche, créer un contact et créer une note

Le deuxième:
- Détail, interlocuteurs, créer une action, action

Le deuxième menu s'affiche lorsque j'ai fais une recherche dans "rechercher" qui se situe dans le premier menu, ou en cliquant sur fiche (une fois une recherche déjà effectuée).
Tout le monde suit? Top !

Maintenant, lorsque que j'ai fais ma recherche j'ai mon deuxième menu. Si maintenant par exemple je clique sur "action" qui est le 4ème onglet du deuxième menu, que je fais une nouvelle recherche et que je clique sur fiche (pour avoir le deuxième menu), je retombe sur le 4ème onglet du deuxième menu alors que j'aimerais commencer par le premier...

En gros :
Le dernier onglet est sauvegardé, et réaffiché en premier, alors que je voudrais réinitialisé pour a chaque fois, commencer par le premier onglet du second menu.

A tout ceux qui m'ont compris, mes félicitations ! J'ai fais de mon mieux...

Cordialement,

**Azerx** · 18/04/2016, 15h02

Bonjour,
après avoir relu 4 fois et fais un schéma, j'ai (je crois) compris!

Par contre, qu'entend tu par "retomber sur le 4ème onglet", "dernier onglet sauvegardé" ou encore "commencer par le premier onglet"? On ne tombe pas, sauvegarde pas ou commence pas par un onglet!

Tu aurais quelques sceenshots / schémas pour nous expliquer?

**JujuPomme** · 18/04/2016, 15h07

Here is what you want : https://gyazo.com/6de248133a8733bc83cd305daaa4371b

Avec mon premier menu Rechercher, Fiche, Créer un contact et Créer une note

Et le deuxième avec Détail, Interlocuteurs, Créer une action, Action

Lorsque je clique sur rechercher, je fais une recherche d'une personne. Une fois selectionnée, j'arrive directement la dessus, sur l'onglet Détail du deuxième menu. Lorsque je clique sur interlocuteurs, créer une action, ou action, il m'affiche les informations correspondantes.

Supposons que je suis sur Action, et que j'effectue une nouvelle recherche.

Lorsque je vais arriver sur la même situation, je serais encore sur l'onglet action au départ (qui est donc le 4ème si je compte bien) alors qu'au contraire, comme la première recherche, je voudrais commencer par être sur l'onglet Détail.

Surement mieux comme ça!

**Azerx** · 18/04/2016, 16h14

Mh, d' accord donc si tu fais une action sur une personne, puis que tu effectue une recherche, tu es redirigé vers la page te permettant de faire une action sur cette nouvelle personne (alors que tu voudrais arriver sur son détail)!
Ce n'est pas un problème de redirection du coup? Difficile sans voir le code

Invité · 18/04/2016, 16h35

Bonjour,

magicarpe44, crois-tu qu'on puisse répondre quoi que ce soit sans voir les codes CSS et HTML associés ?
Et pas des images du code ! écris ces codes directement dans l'éditeur (balises [CODE] = '#' du menu)

**JujuPomme** · 18/04/2016, 16h57

Bonjour,

Merci de votre intérêt à chacun.

Le code concernant le premier menu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
33
34
35
36
37
38
39
40
41
42
<div class="content" id="nav"><!-- CONTENT -->
	<ul class="nav nav-tabs" id="nav"><!-- ul nav -->
		<li class="active"><a data-toggle="tab" href="#rechercher" title="Rechercher un contact"><i class="fa fa-search fa-fw fa-lg" ></i><span>Rechercher</span></a></li>
		<li id="navTabFiche" style="display:none;"><a data-toggle="tab" href="#fiche" title="fiche contact"><i class="fa fa-user fa-fw fa-lg"></i><span>Fiche</span></a></li>
		<li><a data-toggle="tab" href="#contact" title="Créer un contact"><i class="fa fa-plus fa-fw fa-lg"></i><i class="fa fa-user fa-fw fa-lg"></i><span>Créer un contact</span></a></li>
		<li><a data-toggle="tab" href="#action" title="Créer une note personnelle"><i class="fa fa-plus fa-fw fa-lg"></i><i class="fa fa-list-alt fa-fw fa-lg"></i><span>Créer une note personnelle</span></a></li>
	</ul><!-- /ul nav -->
	<div class="tab-content"><!-- tab content -->
		<div id="rechercher" class="panel-recherche tab-pane fade in active"><!-- #id = rechercher -->
			<h4>Rechercher contact</h4>
			<!-- Dashboard contact -->
			<?php 
			include('_inc_dashboard_recherche.php'); ?>
			<!-- // Dashboard contact -->
		</div><!-- /#id = rechercher -->
		<div id="fiche" class="panel-fiche tab-pane fade"><!-- #id = fiche -->
		<?php 
			$_form_type = '_fiche';
			include('_inc_dashboard_contact_form.php'); ?>
		</div><!-- /#id = fiche -->
		<div id="contact" class="panel-contact-creation tab-pane fade"><!-- #id = contact -->
			<h4>Créer un contact</h4>
			<?php 
			$_form_type = '_creation';
			include('_inc_dashboard_contact_form.php'); ?>
		</div><!-- /#id = contact -->
		<div id="action" class="panel-action-creation tab-pane fade"><!-- #id = action -->
			<h4>Créer une note pour <?php echo $_SESSION['info_contact'][0]['NOM'];
			echo (' ');
										  echo $_SESSION['info_contact'][0]['PRENOM'];
			echo (', ');
										  echo $_SESSION['info_contact'][0]['VILLE'];
			echo (', ');
										  echo $_SESSION['info_contact'][0]['PAYS'];   ?></h4>
			<!-- FORM = f_action -->
			<form id="f_action" class="f_action form-horizontal" role="form" action="<?php echo $_url_site; ?>" method="post">
			<?php include('_inc_dashboard_action_form.php'); ?>
			</form>
			<!-- /FORM = f_action -->
		</div><!-- /#id = action -->
	</div><!-- /tab content -->
</div><!-- /CONTENT -->

Le code concernant le deuxième :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
if ( $_form_type == '_fiche' ) {
	?>
		<h4 class="titreFiche"></h4>
		<ul id="modal_nav_fiche" class="nav nav-pills navFiche">
			<li class="active"><a data-toggle="pill" href="#detail" title="Détail fiche"><i class="fa fa-file-text-o fa-fw fa-lg"></i><span>Détail</span></a></li>
			<li><a data-toggle="pill" href="#interlocuteurs" title="Liste des interlocuteurs"><i class="fa fa-users fa-fw fa-lg"></i><span>Interlocuteurs</span><span class="badge"></span></a></li>
			<li><a data-toggle="pill" href="#actionc" title="Créer une action pour ce contact"><i class="fa fa-plus fa-fw fa-lg"></i><i class="fa fa-list-alt fa-fw fa-lg"></i><span>Créer une action pour</span><span class="titreContact"></span></a></li>
			<li><a data-toggle="pill" href="#historique_action" id="historique" title="Affiche les actions" name="historique" ><i class="fa fa-plus fa-fw fa-lg"></i><i class="fa fa-list-alt fa-fw fa-lg"></i><span>Action</span></a></li>
		</ul>
		<div class="tab-content">
			<!-- Panel Détail -->
			<div id="detail" class="panel-detail tab-pane fade in active">
				<div class="row buttonsActions ">
					<button id="btn_m_contact<?php echo $_form_type; ?>" type="button" data-loading-text="modification en cours..." class="btn btn-primary" autocomplete="off">Modifier la fiche</button>
					<button style="display:none;" id="btn_m_contact_annul" type="button" class="btn" autocomplete="off">Annuler</button>
				</div>
				<!-- Affichage formulaire fiche -->
				<?php echo $_form_contact_html; ?>
				<!-- // Affichage formulaire fiche -->
			</div>
			<div id="interlocuteurs" class="panel-interlocuteurs tab-pane fade">
				<div class="row" style="">
					<a id="link_createInterlocuteur" class="btn" role="button" data-toggle="collapse" href="#d_f_interlocuteur_create" aria-expanded="false" aria-controls="d_f_interlocuteur_create">
				  Créer un interlocuteur
				</a>
				</div>
				<div class="collapse" id="d_f_interlocuteur_create">
					<?php echo $_form_interlocuteur_html; ?>
				</div>
				<div class="tab-content">
					<div id="interlocuteursListe" class="panel-interlocuteursListe tab-pane fade in active">
					<?php /*echo $_form_interlocuteur_html;*/ ?>
					</div>
					<!--<div id="interlocuteurCreation" class="panel-interlocuteurCreation tab-pane fade">
					<?php /*echo $_form_interlocuteur_html;*/ ?>
					</div>-->
				</div>
			</div>
			<div id="actionc" class="panel-action-creation tab-pane fade">
				<form id="f_action_fiche" class="f_action form-horizontal" role="form" action="<?php echo $_url_site; ?>" method="post">
				<?php include('_inc_dashboard_action_form.php'); ?>
				</form>
			</div>
			<div id="historique_action" class="panel-action-creation tab-pane fade"> 
				<!-- Tableau avec l'historique des actions -->
				<table id="example" class="display" cellspacing="0" width="100%">
					<thead>
						<tr>
							<th></th>
							<th>Nom de l'action</th>
							<th>Type de l'action</th>
							<th>Destinataire</th>
							<th>Date prévu</th>
						</tr>
					</thead>
					<tfoot>
						<tr>
							<th></th>
							<th>Nom de l'action</th>
							<th>Type de l'action</th>
							<th>Destinataire</th>
							<th>Date prévu</th>
						</tr>
					</tfoot>
				</table>
			</div> 
		</div>
		<?php
	} else {
	echo $_form_contact_html;
}
?>

Je vous épargne les formulaires *-*

Merci d'avance pour votre aide,

**JujuPomme** · 18/04/2016, 16h58

Envoyé par Azerx

Mh, d' accord donc si tu fais une action sur une personne, puis que tu effectue une recherche, tu es redirigé vers la page te permettant de faire une action sur cette nouvelle personne (alors que tu voudrais arriver sur son détail)!
Ce n'est pas un problème de redirection du coup? Difficile sans voir le code

Tout compris !

C'est probablement un problème de redirection, mais je ne sais pas vraiment par ou m'y prendre...

Invité · 21/04/2016, 11h07

Bonjour,

Merci de lire les Règles du Club : IV-H. Pourquoi personne ne répond ? (ainsi que les autres sections)

Rendre un élément de liste actif après changement

CSS

Vue hybride

Discussions similaires

Partager

Partager