HTML Menu et changement zone de texte

**lio33** · 17/01/2011, 23h43

Bonjour,
Sur une page HTML, j'ai deux zones <div>, une qui sert de menu, l'autre d'affichage de commentaire.
Quand je clique sur une option de mon menu, je veux changer le texte affiché dans une autre zone.

Pour le moment j'ai réussi, avec du javascript et la fonction getElementById("monpropos").innerHTML de modifier le texte pour vérifier. Mais le texte que je souhaite afficher est un peu long, donc en fait je souhaiterai charger plutôt un fichier texte différent selon l'option menu sélectionnée.

Voici mon exemple en cours, mais qui ne fait qu'afficher le nom du fichier texte dont j'aimerai en fait charger le contenu.
Possible en javascript ?
est-ce possible de mélanger du PHP avec du javascript ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
    <meta http-equiv="content-language" content="fr" />
    <meta name="Description" content="Page de test" />
    <meta name="keywords" content="keyword1, keyword2, Html, test" />
    <meta name="author" content="Vigier Lionel"/>
    <meta name="robots" content="all"/>
 
    <title>Page de test HTML</title>
 
	<!-- feuilles de style externe globale-->
	<link rel="stylesheet" type="text/css" href="./feuille1.css" title="feuille1">
 
</head>
 
<body>
	<body>
	<p align="center"><font face="impact" size="10" color="white">PASSION AEROMODELISME</font></p>
	<div class="boxsstitre">A propos</div>
	<div class="boxmenu">
		<ul type="disc">
			<li><a href="#" onmouseover="ModifierDiv('Moi.txt')">De moi</a></li>
			<li><a href="#" onmouseover="ModifierDiv('Modelisme.txt')">Du modélisme</a></li>
			<li><a href="#" onmouseover="ModifierDiv('Hobbies.txt')">Autres hobbies</a></li>	
			<li><a href="./index.htm">Accueil</a></li>	
		</ul>	
	</div>
	<div class="boxtexte">
		<div id="monpropos"></a>	
	</div>
 
<div align="center"><a href="http://validator.w3.org/"><img src="./images/valid-xhtml10-blue.png" alt="W3C Validator" border="0"  align="middle"/></a></div>
 
<script type="text/javascript"><!--
function ModifierDiv(fichier)
  {
  if (document.getElementById)
    {
    document.getElementById("monpropos").innerHTML = fichier;
    }
  else if (document.all)
    {
    document.all["monpropos"].innerHTML = fichier;
    }
  }
 
base = "Vous êtes sur la page d'accueil ";
ModifierDiv(base);
//--></script>
</body>
</html>

Merci pour vos informations.

**lio33** · 19/01/2011, 11h19

Bon problème résolu.
En fait il faut charger toutes les div avec un fichier externe texte (utilisation de PHP) et les masquer.
L'action sur le menu permet de démasquer les div selon le choix de l'utilisateur.

**RomainVALERI** · 19/01/2011, 11h59

Juste une remarque : le principe consistant à basculer l'affichage de différents div déjà présents dans la page est bon et déjà employé très souvent, mais je ne vois pas le rapport avec PHP...

HTML Menu et changement zone de texte [XHTML 1.0]

HTML

Vue hybride

Discussions similaires

Partager

Partager