Lien interne div
steve-elipz
Messages postés
171
Statut
Membre
-
Utilisateur anonyme -
Utilisateur anonyme -
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
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;
}
8 réponses
-
-
voila: http://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/inclure-des-portions-de-page
-
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 -
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 -
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> -
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>
-
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 -
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
