Lien interne div

steve-elipz Messages postés 148 Date d'inscription Statut Membre Dernière intervention -
Utilisateur anonyme - 1 sept. 2014 à 07:07

Bonjour,

j ai suivi tellement de tuto que j ai peine a comprendre le moindre code lol

j essaye simplement que quand on clique sur "menu" qui est dans une div (entete), une page html apparaisse dans une autre div qui est sur la meme page disont dans navigation (div)

voici mon code pour l ex...

merci


index.html


<link rel="stylesheet" type="text/css" href="style.css" >


<div id="entete">Menu</div>
<div id="navigation"></div>

style.css

/* Navigation */
#navigation {
	color: #BECD32;
	background: #62584F;
	font-family: Gabriola;
	font-size: 25px;
}

/* Entete */
#entete {
	color: #000000;
	background: #BECD32;
	font-family: Gabriola;
	font-size: 25px;
}

/* En-tête */
#entete {
	height: 40px;
	padding-top: 0px;
	padding-bottom: 10px;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 178px;
	height: 450px;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 30px;
}

Afficher la suite

A voir également:

Lien interne div
Lien url - Guide
Créer un lien pour partager des photos - Guide
Verificateur de lien - Guide
Faux lien prank - Forum Autoit / batch
Lien copié - Forum Mobile

8 réponses

Réponse 1 / 8

Utilisateur anonyme

salut,

peut tu nous montrer le tutoriel ?

Réponse 2 / 8

steve-elipz

voila: http://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/inclure-des-portions-de-page

Réponse 3 / 8

Utilisateur anonyme

salut, si tu souhaite inclure un portion de code dans une div au click sur "Menu" tu peux essayer de faire un lien et passer par GET

Bien entendu il faut que tes fichier soit php et disposer d'un serveur...

exemple plus parlant :

monAjout.php :

<h1>mon ajout fonctionne :)</h1>
<!-- tu peux mettre tout tes codes html -->

index.php

<!DOCTYPE html>
<html>
	<head>
		<title>ccm</title>
		<meta charset="UTF-8" />
		<style type="text/css">
			/* Navigation */
			#navigation {
				color: #BECD32;
				background: #62584F;
				font-family: Gabriola;
				font-size: 25px;
			}

			/* Entete */
			#entete {
				color: #000000;
				background: #BECD32;
				font-family: Gabriola;
				font-size: 25px;
			}

			/* En-tête */
			#entete {
				height: 40px;
				padding-top: 0px;
				padding-bottom: 10px;
			}

			/* Menu de navigation */
			#navigation {
				float: left;
				width: 178px;
				height: 450px;
				padding-top: 20px;
				padding-bottom: 5px;
				padding-left: 30px;
			}
		</style>
	</head>
	<body>
		<div id="entete">
			<a href="index.php?hide=1">Menu</a>
		</div>
		<div id="navigation">
			<?php
			if (isset($_GET['hide']) && $_GET['hide'] == 1) {
				include 'monAjout.php';
			}
			?>
		</div>
	</body>
</html>

voila bonne chance

Réponse 4 / 8

steve-elipz Messages postés 148 Date d'inscription Statut Membre Dernière intervention

un detail encore :) si on veut faire plusieurs lien


</head>
	<body>
		<div id="entete">
			<a href="index.php?hide=1">Menu</a>
                        <a href="index.php?hide=1">Accueil</a>      //// ici et toujours dans la meme div/////

		</div>
		<div id="navigation">
			<?php
			if (isset($_GET['hide']) && $_GET['hide'] == 1) {
				include 'monAjout.php';  /// que modifie t on ici?
			}
			?>
		</div>
	</body>
</html>

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 8

steve-elipz Messages postés 148 Date d'inscription Statut Membre Dernière intervention

j ai ecris comme ca... je ne sais pas si c est le mieux mais ca va...


</head>
	<body>
		<div id="entete">
			<a href="index.php?hide=1">Menu</a>
		</div>
		<div id="navigation">
			<?php
			if (isset($_GET['hide']) && $_GET['hide'] == 1) {
				include 'monAjout.php';
			}
			?>
		</div>
	</body>
</html>

Réponse 6 / 8

Utilisateur anonyme

tu peux faire ainsi

<body>
		<div id="entete">
			<a href="index.php?hide=1">Menu</a>
			<a href="index.php?hide=2">Accueil</a>
			<a href="index.php?hide=3">Contact</a>
		</div>
		<div id="navigation">
			<?php
			if (isset($_GET['hide'])) {
				if ($_GET['hide'] == 1) {
					include 'monFichier.php';
				}
				if ($_GET['hide'] == 2) {
					include 'monFichierNumero2.php';
				}
				if ($_GET['hide'] == 3) {
					include 'monTroisiemeFichier.php';
				}
			}
			?>
		</div>
	</body>

Réponse 7 / 8

steve-elipz Messages postés 148 Date d'inscription Statut Membre Dernière intervention

d accord, déjà merci pour ton attention!!!

j ai une toute dernière demande...

quand on clique sur ex: "menu" ça ouvre monFichier.php dans navigation.
------------------------------------------------------------------------------------------

dans le fichier "monFichier.php" disont qu on a une liste:

salle a

salle b

salle c

si on veut utiliser le meme principe comment fait on? quand on clique sur "salle a" j'aimerai que ca ouvre "monFichier2.php dans la page d'index dans la div #centre

merci infiniment

Réponse 8 / 8

Utilisateur anonyme

Salut, tu peux trouver un tutoriel complet plus loin dans celui de openclassroom que tu en train de lire :

https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql/912799-transmettez-des-donnees-avec-lurl

bonne journée

Discussions similaires

Copier un lien instagram

Retrouver liens copiés sur le téléphone

Rajout de lien sur plusieurs pages

copie d'un lien dans le navigateur internet

Comment supprimer de l' espace dans Stockage "autres" Samsun

Votre réponse

Discussions similaires