HTML Menu et changement zone de texte
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:
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.
