Lien interne div

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;
}

8 réponses

  • Votes
  • Date
  • Date décroissante
  1. voila: http://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/inclure-des-portions-de-page
    1. 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
      1. 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>
        1. 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>
          1. 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>
            

            1. 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