[XHTML 1.0] HTML Menu et changement zone de texte [Résolu]

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...

19/01/2011, 11h19	#2
lio33 Membre habitué Inscription : octobre 2003 Messages : 483 Détails du profil Informations personnelles : Localisation : France, Gironde (Aquitaine) Informations forums : Inscription : octobre 2003 Messages : 483 Points : 136 Points : 136	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.
	00

19/01/2011, 11h59	#3
RomainVALERI Expert Confirmé Sénior Romain VALERI POOête Inscription : avril 2008 Messages : 2 572 Détails du profil Informations personnelles : Nom : Romain VALERI Âge : 35 Localisation : France, Meurthe et Moselle (Lorraine) Informations professionnelles : Activité : POOête Informations forums : Inscription : avril 2008 Messages : 2 572 Points : 4 073 Points : 4 073	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... __________________ ...pour les linguistes et les curieux >>> générateur de phrases aléatoires __________________
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email