Include php, récupérer des id

Version imprimable

Bonjour,

Je vais tenter de faire au mieux pour expliquer ce problème très simple.

Je suppose que tous ici, quand on développe un site web quelconque, faisons des includes pour éviter de tout avoir dans une seule page.

Ma question est :

Supposons cette structure HTML :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <header> <a href="<?php echo $_url_site; ?>" title="accueil"><img src="img/logo_infocob.png" alt="logo infocb" /></a> <nav> <a href="#" id="menu-icon"></a> <ul> <li><a href="#madiv" class="current">Rechercher un contact</a></li> </ul> </nav> </header> <?php include('monfichier.php'); ?>
Et que dans monfichier.php j'ai :

Code:

<div id="madiv"></div>

De quelle manière accéder à l'id qui est dans un autre "scope" si on peut parler ainsi? Ou est-ce tout simplement, pas possible?

Merci d'avance pour vos réponses :)

Bonne journée à tous ! (pluvieuse pour ma part...)

14/06/2016, 16h47
Celira

Je ne suis pas sûre de bien comprendre ton problème :
Ce que tu as là, ce sont des ancres HTML, donc utilisées côté client. Une fois le PHP interprété, le HTML se moque de savoir si tu avais 12 fichiers PHP inclus les uns dans les autres ou un seul gros fichier, à partir du moment où le HTML construit au final est valide.
14/06/2016, 16h50
JujuPomme

Bonjour Celira,

Merci pour ta réponse !

Jusque là, on est d'accord. Mais dans mon exemple, j'ai un href qui pointe sur l'id madiv. Or, madiv est une balise (quelconque) qui est dans la page qui est justement include.

Et ma question est, comment accéder à cet ID? Si c'est possible bien sûr
14/06/2016, 17h14
Celira

Tu veux y accéder pour faire quoi exactement ? :koi:
14/06/2016, 17h17
JujuPomme

L'exemple que j'ai mis n'est pas anodin :aie:

C'est un menu, qui pointe sur une div du site tout simplement. Mais de cette manière, je comprends pas trop comment récupérer le fameux id..
14/06/2016, 17h27
Celira

Il doit y avoir un truc qui m'échappe : si tu inclus monfichier.php dans l'autre, au final tu vas avoir une page HTML qui contiendra les 2 éléments : le lien et la div. Tu pourras donc cliquer sur le lien et le navigateur avancera jusqu'à l'ancre. :koi:

A moins que la div ne soit pas dans la même page ?
14/06/2016, 17h37
JujuPomme
Je dois sûrement mal m'exprimer, désolé :?

Supposons un premier fichier php :

fichier1.php
Code:

1 2 3 4 5 6 7 Du code <li><a href="#madiv1" >Onglet1</a></li> <li><a href="#madiv2" >Onglet2</a></li> <li><a href="#madiv3" >Onglet3</a></li> Encore du code include('fichier2.php'); Et encore du code
Corrige moi si je me trompe, c'est bien 3 lien qui pointent chacun sur une div différente.

fichier2.php
Code:

1 2 3 4 5 6 Du code <div id="madiv1">Saloute les potes</div> Encore du code <div id="madiv2">Comment va?</div> Toujours du code <div id="madiv3">Pas trop mal</div>
Et les divs associées à chaque lien.

Le problème étant, que les liens sont dans un autre fichier. Autrement dit, lorsque je clique sur le lien tel quel, il trouve pas la div "madiv1" ou les autres.

C'est plus clair? :?

Hum... le truc c'est que normalement, le fait que ce soit des fichiers PHP différents n'est pas censé avoir d'impact sur la page HTML. Tu devrais obtenir en source HTML quelque de ce genre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 Du code HTML <li><a href="#madiv1" >Onglet1</a></li> <li><a href="#madiv2" >Onglet2</a></li> <li><a href="#madiv3" >Onglet3</a></li> Encore du code HTML Du code HTML <div id="madiv1">Saloute les potes</div> Encore du code HTML <div id="madiv2">Comment va?</div> Toujours du code HTML <div id="madiv3">Pas trop mal</div> Et encore du code HTML
et normalement les liens devraient trouver les divs.

Le seul cas que je vois qui pourraient poser problème ce serait un code de ce style :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 switch ($page) { case 1 : <div id="madiv1">Saloute les potes</div> break; case 2 : Encore du code <div id="madiv2">Comment va?</div> break; case 3 : Toujours du code <div id="madiv3">Pas trop mal</div> break; }
Dans ce cas, tu ne peux avoir qu'une seule des 3 divs à la fois et du coup, les deux autres liens pédalent dans la semoule.
Est-ce un cas de ce genre ? Qu'est-ce que tu obtiens dans ta source HTML générée ?

Ah oui, on est d'accord que le HTML généré est en une seule et unique page.

Voici le vrai code pour le coup :

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
<?php
include '_inc_header.php';
?>
	  
	<header>
		<a href="<?php echo $_url_site; ?>" title="accueil"><img src="img/logo_infocob.png" alt="logo infocb" /></a>	
				
			<nav>
				<a href="#" id="menu-icon"></a>
					<ul>
						<li><a href="#contact" class="current a_menu_mobile">Rechercher un contact</a></li>
						<li><a href="#id" class="a_menu_mobile">Créer un contact</a></li>
						<li><a href="#id" class="a_menu_mobile">Créer une note</a></li>
						<li><?php if($_access_ok == 1) {?>
							<form name="f_disconnect" role="form" action="<?php echo $_url_site; ?>" method="post" enctype="multipart/form-data"style="margin-top: -15px;"><input type="hidden" name="deconnexion" id="deconnexion" value="deconnexion"  /><button type="submit" name="validate" value="deconnexion" class="btn btn-sm btn-primary" >se deconnecter</button></form>
							<p><?php echo $_SESSION['prenom']; ?> <?php echo $_SESSION['nom']; ?></p></li>
						<?php }?>
						
					</ul>
				
			</nav>
		<?php 
		if ( $_access_ok == 1 ) {
			include '_inc_dashboard.php';
		} else {
			include '_inc_login.php';
		}
		?>
	</div>
<?php include '_inc_footer.php'; ?>

Et le _inc_dashboard.php (puisque c'est celui qui m'intéresse ici) :

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
33
34
<div class="content"><!-- CONTENT -->
	<ul class="nav nav-tabs"><!-- 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"><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</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>
			<?php 
			include('_inc_dashboard_recherche.php'); ?>
		</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</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 -->

Ce qui est en rouge, c'est le lien du menu qui devrait pointer sur cette div en question.

Or, due à l'include, il pointe vers... rien du tout :?

14/06/2016, 18h32
sabotage

Je viens de tester ton code et "Rechercher un contact" renvoi bien vers l'ancre "#contact"
Créer un contact / Créer une note ne renvoient vers rien puisque l'ancre "#id" n'existe pas.

Le problème se pose peut être avec les bouts de code/HTML manquants.

Le fonctionnement de l'ancre se passe uniquement en HTML de toute façon donc c'est la source HTML qu'il faut étudier.
15/06/2016, 09h20
JujuPomme

Sachant que ça marche pas, j'ai juste tester avec #contact.

Etrange que ça fonctionne chez toi...

1 pièce(s) jointe(s)

De cette manière, aucun lien ne pointe vers la div correspondante...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<nav>
				<a href="#" id="menu-icon"></a>
					<ul>
						<li><a href="#rechercher" class="current a_menu_mobile">Rechercher un contact</a></li>
						<li><a href="#contact" class="a_menu_mobile">Créer un contact</a></li>
						<li><a href="#action" class="a_menu_mobile">Créer une note</a></li>
						<li><?php if($_access_ok == 1) {?>
							<form name="f_disconnect" role="form" action="<?php echo $_url_site; ?>" method="post" enctype="multipart/form-data"style="margin-top: -15px;"><input type="hidden" name="deconnexion" id="deconnexion" value="deconnexion"  /><button type="submit" name="validate" value="deconnexion" class="btn btn-sm btn-primary" >se deconnecter</button></form>
							<p><?php echo $_SESSION['prenom']; ?> <?php echo $_SESSION['nom']; ?></p></li>
						<?php }?>
 
					</ul>
 
			</nav>

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
33
34
<div class="content"><!-- CONTENT -->
	<ul class="nav nav-tabs"><!-- 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"><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</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>
			<?php 
			include('_inc_dashboard_recherche.php'); ?>
		</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</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 -->

En ce qui concerne l'html généré :
Pièce jointe 212821

Autre chose un peu étrange. J'ai essayé de mettre le code de l'include à la place de l'include, et ça ne fonctionne pas malgré tout. :?

15/06/2016, 10h12
JujuPomme

Résolu !

J'ai rajouté l'attribut Bootstrap data-toggle="tab". Je sais pas si c'est lié, mais de cette manière là ça fonctionne...

En tout cas merci de m'avoir aiguiller !

Paix, amour et chocolat

*trempette*