Pointer un lien vers une balise DIV

Nolwenn -  
 linuxidable -
Bonjour,

j'utilise dreamweaver CS4 pour créer un site
Depuis un bon moment déjà, je bataille pour un lien. J'ai trouvé pleeeeeein de questions identiques à la mienne, tout autant de reponse, mais AUCUNE ne fonctionne chez moi

Voila mon site se compose de plusieurs parties dont 2 : le menu et le contenu. Je veux donc que mes liens du "menu" s'affichent dans les "contenu". Jusque là, rien de sansass. Mais je ne trouve pas comment faire è_é
Déjà, oubliées les "target" si "faciles", ça ne marche que pour les calques, or ici ce ne sont pas des calques.

Voici le bout de mon code HTML :

div id="container">
<div id="header">
<h1><img src="banniere/banniere.gif" width="827" height="154" hspace="0" vspace="0" /></h1>
</div>
<div id="sidebar1">
<h3><a href="Qui sommes nous.html" >Qui sommes nous ? </a>/ Publicités Commerciales / Emploi & Formation / Hors Média / Créations / Autre</h3>
</div>
<div id : contenu>
<h1> Contenu principal </h1>


Container, c'est l'ensemble de mes div (ma bannière, le menu, le contenu et le pied de page)
Sidebar1 c'est mon menu
Qui sommes nous, c'est, entre autre, le lien que je cherche à etablir. La page est déjà crée.
et div id : contenu" c'est là ou je voudrais que le contenu de "qui sommes nous" s'affiche


Il n'y a aucune trace de PHP dans ma source, donc je ne crois pas qu'il faille aller chercher la solution de ce coté.

Dernière chose, j'ai utilisé une "base" de dreamweaver, que j'ai modifié par la suite

Merci beaucoup de votre aide précieuse !
A voir également:

10 réponses

Auloni
 
Bonjour,

Je ne saisis pas ton problème, le lien Qui sommes nous.html ouvre la page du même nom dont le contenu se trouve dans le div contenu....

En gros tu es sur l'index, tu cliques sur le lien qui ouvre la page Qui sommes nous.html qui contient le contenu dans la div contenu.

Cordialement

Auloni
0
Nolwenn
 
Mon problème est que ma page "qui sommes nous" s'ouvre dans une nouvelle fenêtre, mais moi je veux qu'elle s'ouvre dans la "cellule" "contenu" (sur la photo, à la place de "contenu principal"

http://img38.imageshack.us/img38/1734/capture003v.jpg

c'est plus clair ?
0
Nolwenn
 
Apparement, ça ne se fait pas en HTML pour et dur, on est obligé de passer par des frames et je ne veux pas.
J'ai lu que ça pouvait se faire en javascript, est ce que vous en savez un peu plus ?
0
Auloni Messages postés 22 Date d'inscription   Statut Membre Dernière intervention  
 
Re,

Ah ok, tu veux ouvrir dans une frame, comme en 1998 ( :)) je déconne )

Donc utilisation de <iframe></iframe> avec le lien pointant en target vers ton iframe.

Ou

https://www.commentcamarche.net/contents/494-frames-html

Cordialement

Auloni
0

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

Posez votre question
Nolwenn
 
Hey on ne se moque pas de mes vieilles méthodes :D lol

Mais merci quand même.

Sauf si quelqu'un a plus simple....
0
Auloni Messages postés 22 Date d'inscription   Statut Membre Dernière intervention  
 
Re,

Ben écoute, le javascript c'est pas du tout ma tasse de thé, et de toute façon d'un point de vue qualité, il n'y a aucune raison valable de préféré une frame ou <iframe> à une nouvelle page entière avec menu et contenu.

Maintenant chacun fait comme il a envie hein.

Cordialement

Auloni
0
Nolwenn
 
Beh... j'ai pas envie de réouvrir à chaque fois une nouvelle page avec le menu, la bannière et tout et tout

Je veux juste que quand je clique sur mon lien A, le contenu s'ouvre dans la même fenêtre, mais seulement dans une seule partie de cette fenetre (cadre, cellule, espace, appellez ça comme vous voulez je ne sais pas !)
0
Auloni Messages postés 22 Date d'inscription   Statut Membre Dernière intervention  
 
Re,

Oui j'ai bien compris, donc frame ou iframe obligatoire pour contenter ta volonté, mais je persiste (j'ai le tête dure :)) ), d'un point de vue qualité, rien ne vaut une nouvelle page.

Cordialement

Auloni
0
Nolwenn
 
Ok merci :]
j'ai donc utilisé une iframe, et tout fonctionne parfaitement comme je le souhaite, ENFIN !! au bout de 2h, je commençais à m'arracher les cheveux ^.^
0
Auloni Messages postés 22 Date d'inscription   Statut Membre Dernière intervention  
 
Re,

Ravi que tu sois heureuse :)

Cordialement

Auloni
0
linuxidable
 
Bonjour, je viens de tomber sur cette discussion et je peux te dire que c'est parfaitement faisable en utilisant les méthodes AJAX et la propriété innerHTML d'un élément qui ,comme son nom le suggère permet de lire ou écrire tout le html qui est dedans.
exemple
soit à récupérer le code suivant dans une page
<h2> chargement </h2>
Tester

On place ce code dans fichier.xml
On va créer la page avec une balise DIV complètement vide
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
  <title>tester chargement</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <script language="JavaScript" type="text/javascript">
 var source;
var style;

function Load(FichierXML,FichierXSL){
//----- INITIALISATION DES OBJETS XML 
if (window.XMLHttpRequest)
  {
   source=new XMLHttpRequest();
   style=	new XMLHttpRequest();
  }
else // Internet Explorer 5/6
  {
   source = new ActiveXObject("Microsoft.XMLDOM");

	}
   source.async = false;
 

   //----- CHARGEMENT DES SOURCES
   source.loadXML(FichierXML);
 
 </script> 
</head>
<body>
<div id="idResultat"></div>
<script language="JavaScript" type="text/javascript" >
   // Affichage de la transformation dans la div
   Load("Objet_Array.xml","Objet_Array.xsl");
   document.getElementById("idResultat").innerHTML = source;
</script> 

</body>
</html>
0
linuxidable > linuxidable
 
je me répond car il y a une petite erreur dans le deuxième code qui initialement gérais aussi les css.
Il n'y a donc qu'un paramètre à load et non deux.
code modifié:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
  <title>tester chargement</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <script language="JavaScript" type="text/javascript">
 var source;

function Load(FichierXML){
//----- INITIALISATION DES OBJETS XML 
if (window.XMLHttpRequest)
  {
   source=new XMLHttpRequest();
   style=	new XMLHttpRequest();
  }
else // Internet Explorer 5/6
  {
   source = new ActiveXObject("Microsoft.XMLDOM");
  	}
   source.async = false;
  
   //----- CHARGEMENT DES SOURCES
   source.loadXML(FichierXML);
  
}
 </script> 
</head>
<body>
<div id="idResultat"></div>
<script language="JavaScript" type="text/javascript" >
   // Affichage de la transformation dans la div
   Load("Objet_Array.xml",);
   document.getElementById("idResultat").innerHTML = source;
</script> 

</body>
</html>

voilà...
0