aide pour un script HTML

02 nov. 2011, 20:01

bonjours je suis entrain de faire un site test en html, et je veux parexemble que quand je click par exemple sur "contact" dans mon menue, que la feuille "contact.html" soit affiché sur la page courante , c'est a dire dans ma <div> contenue, et pareil pour les autres pages
je vous donne mon code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>
		mon site de test
	</title>
	<!-- La feuille de styles "base.css" doit être appelée en premier. -->
	<link rel="stylesheet" type="text/css" href="styles/base.css" media="all" />
	<link rel="stylesheet" type="text/css" href="styles/modele02.css" media="screen" />
	<script type="text/javascript" src="carrousel/jquery.js"></script>
    <script type="text/javascript" src="carrousel/carrousel.js"></script>
	<link rel="stylesheet" href="carrousel/carrousel.css" type="text/css" media="screen" />
</head>

<body>

<div id="global">

	<div id="entete">
	<!-- le caroussel -->
		<div id="conteneur">
     <div id="carrousel">
	<div id="slide1" class="slide">
	    <div class="visu">
		<img src="carrousel/img/slide1.jpg"/>
	    </div>
	    
	</div>
	
	<div id="slide2" class="slide">
	    <div class="visu">
		<img src="carrousel/img/slide2.jpg"/>
	    </div>
	</div>
	
	
	<div id="slide3" class="slide">
	    <div class="visu">
		<img src="carrousel/img/slide3.jpg"/>
	    </div>
	</div>
	
     </div>
	 <!-- #fin caroussel -->
  </div>
	</div><!-- #entete -->
	
	<div id="navigation">
		<ul>
			<li class="gauche"><a href="acc.html">Accueil</a></li>
			<li class="gauche"><a href="qns.html">Qui nous sommes</a></li>
			<li class="gauche"><a href="photo.html">Photo</a></li>
			<li class="gauche"><a href="cal.html">Calendrier de réservation</a></li>
			<li class="gauche"><a href="contact.html">Contact</a></li>
		</ul>
	</div><!-- #navigation -->
	<br/>
	<div id="contenu">
	
	</div><!-- #contenu -->
	<br/>

	<div id="pied">
		
		<p id="copyright">
		 Copyright&copy; 2011  All Rights Reserved.
		</p>
	</div><!-- #pied -->

</div><!-- #global -->

</body>
</html>

quelqu'un peut m'aider svp
je vous remercie d'avance.

03 nov. 2011, 10:34

salut,

deux solutions :
- Utiliser une fonction javascript qui va chercher le contenu du fichier et remplace reconstruire le DOM du dic contenu (en clair c'est l'ajax y a des lib pour t'aider à ça, telle jquery & prototype mais y en a d'autre).
- Utiliser la technique des pseudo-frames en php

@+

03 nov. 2011, 11:56

On peut imaginer de créer autant de div que de textes différents avec

<div id="1" style= "visibility = hidden" onclick = "montre_fenetre(0)">barratin>/div>

et les liens <button onclick = 'montre_fenetre(n)'>.... </button>
avec une fonction javascript qui cache (0) ou montre la div demandée.

03 nov. 2011, 12:00

salut moogli, ça va depuis le temps^^
je pense que je vai m'orienter plutot vers une solution de pseudo frame. je teste et je te dit quoi.

03 nov. 2011, 13:28

j'ai tésté la methode de pseudo fram, et ça marche bien ,
voici le code que j'ai mis

	<div id="navigation">

		<ul>

			<li class="gauche"><a href="index.php?page=test">Accueil</a></li>

		</ul>

	</div><!-- #navigation -->

	<br/>

	<div id="contenu">

		<?php

             include($_GET['page'].'.php');

        ?>

  </div><!-- #contenu -->

maintenant comment ferai-je pour qui'il puisse charger la page"test.php" qui est lié à "acceuil" dans mon menue, lorsqu'on consulte le site. comme age par defaut?

03 nov. 2011, 13:59

enfin c'est bon j'ai trouvé c'était tout béte

<div id="contenu">

		<?php

		if (isset($_GET['page'])){

             include($_GET['page'].'.php');}

             else

             {include('test.php');}

        ?>

  </div><!-- #contenu -->

merci de m'avoir indiqué la piste de "pseudo frame"

aide pour un script HTML

Qui est en ligne