Aide pour un script <html>

sidmoh Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   -  
Pepito One Messages postés 222 Date d'inscription   Statut Membre Dernière intervention   -
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> 
</body> 
 </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© 2011  All Rights Reserved. 
  </p> 
 </div><!-- #pied --> 

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

</body> 
</html> 

quelqu'un peut m'aider svp
je vous remercie d'avance.
A voir également:

3 réponses

toa
 
Bonjour,
Dans un div ce n'est pas possible(ou alors utiliser du javascript pour changer le texte) il vous faut utiliser
_soit une frame: Un groupe de pages html réunies sur une seule(méthode fortement dépréciée et peu recommandée à cause de nombreux problèmes d'affichage et de référencements).
_soit avec une iframe(balise html) qui permet d'incorporer une autre page(avec les mêmes problèmes que la frame).

En fait quel est votre but, si vous faites des tests mieux vaudrait commencer par les bases et le faire aux normes du web... ou alors perfectionnez javascript et php.
0
visibility:hidden Messages postés 249 Date d'inscription   Statut Membre Dernière intervention   47
 
Si c'est dans la page courante, ce ne sera pas une nouvelle page (sic). Par contre tu peux dans un <div> afficher des contenus associés à un lien #ancre grace à la pseudo-class " target ".

Exemple, dans ta page index.html tu cliques sur un lien " index.html#contact " et tu affiches dans le <div> de contenu le texte associé à la fausse page contact, en utilisant l'attribut " target ".
0
Pepito One Messages postés 222 Date d'inscription   Statut Membre Dernière intervention   37
 
Tu peux essayer ça :

<div id="contener"">

<table style="float:left" width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="contact.html" target="fenetre">accueil</a></td>
</tr>
</table>


<div id="frame">
<iframe style="overflow:hidden; margin-top:20px; width:766px; height:750px;" scrolling="no" name="fenetre" src="accueil.php" frameborder="0"></iframe>
</div>

</div>

Normalement on doit utiliser la balise <object> à la place de <iframe> mais il y a des problèmes avec les navigateurs IE.
0