Bonjour,

Voici comment se compose ma page d'index :

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
57
58
59
60
61
62
63
64
65
66
<!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>
		<title>Le club</title>
			<style type="text/css">
				@import url(script/style.css);
				@import url(script/index.css);
			</style>
	</head>
	<body>
		<div id="page">
			<a href="http://www.aventure-scientifique.com"><img id="logo_avsc" class="png" src="images/logo_avsc.png" alt="Logo 'Aventure Scientifique'" title="Logo 'Aventure Scientifique'" /></a>
			<img id="logo_le_club" class="png" src="images/logo_le_club.png" alt="Logo 'Le club'" title="Logo 'Le club'" />
 
			<div id="conteneur">
				<div id="menu">
					<ul class="style_menu">
						<li><a class="bouton_01_off" href="index01.php"><span class="invisible">Ma page d'accueil</span></a></li>
						<li><a class="bouton_02_on" href="index02.php"><span class="invisible">Mes copains</span></a></li>
						<li><a class="bouton_03_off" href="index03.php"><span class="invisible">Les sciences &agrave; fond</span></a></li>
						<li><a class="bouton_04_off" href="index04.php"><span class="invisible">P'tites annonces</span></a></li>
						<li><a class="bouton_05_off" href="index05.php"><span class="invisible">Les amis du club</span></a></li>
						<li><a class="bouton_06_off" href="index06.php"><span class="invisible">Jeux-Concours</span></a></li>
						<li><a class="bouton_07_off" href="index07.php"><span class="invisible">Mon actu loisirs</span></a></li>
						<li><a class="bouton_08_off" href="index08.php"><span class="invisible">A t&eacute;l&eacute;charger</span></a></li>
					</ul>
				</div>
 
				<div id="sous_conteneur">
					<img id="mascotte" class="png" name="mascotte" src="images/mascotte.png" alt="Mascotte" title="Mascotte" />
 
					<div id="entete" id="menu" class="style_menu">
						<h1>Mes copains</h1>
 
						<div  id="sous_menu">
							<ul class="style_menu cinq_boutons">
								<li><a class="bouton_off" href="#">Mon compte</a></li>
								<li><a class="bouton_off" href="#">Chercher un copain</a></li>
								<li><a class="bouton_off" href="#">Mes meilleurs copains</a></li>
								<li><a class="bouton_off" href="#">Mes messages</a></li>
								<li><a class="bouton_off" href="#">Mes coups de coeur</a></li>
							</ul>
						</div>
					</div>
 
					<iframe id="corps" name="corps" src="/le_club/mes_copains.php">
					</iframe>
 
					<div id="pied">
						<ul class="style_menu">
							<li><a href="#">Signaler un abus</a>&nbsp;&nbsp;&nbsp;|</li>
							<li><a href="#">Nous contacter</a>&nbsp;&nbsp;&nbsp;|</li>
							<li><a href="#">Informations l&eacute;gales</a>&nbsp;&nbsp;&nbsp;|</li>
							<li><a href="#">Confidentialit&eacute;</a>&nbsp;&nbsp;&nbsp;|</li>
							<li><a href="#">Ajouter aux favoris</a>&nbsp;&nbsp;&nbsp;|</li>
							<li><a href="#">Mettre ce site en page d'accueil</a></li>
						</ul>
					</div>
				</div>
 
				<div id="ombre_droite">
				</div>
			</div>
		</div>
	</body>
</html>

Dans l'iframe, si je clique sur accéder à ma messagerie, alors il faut que le bouton Mes messages soit en surbrillance. J'ai déjà géré tout ça via le CSS. Pour qu'il passe de l'état normal à l'état surbrillance, il faut faire une légère modification :


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<div id="sous_menu">
							<ul class="style_menu cinq_boutons">
								<li><a class="bouton_off" href="#">Mon compte</a></li>
								<li><a class="bouton_off" href="#">Chercher un copain</a></li>
								<li><a class="bouton_off" href="#">Mes meilleurs copains</a></li>
								<li><a class="bouton_off" href="#">Mes messages</a></li>
								<li><a class="bouton_off" href="#">Mes coups de coeur</a></li>
							</ul>
						</div>
Il faut modifier pour le 4e lien le nom de la classe, bouton_off doit devenir bouton_on et le tour est joué.

Toutefois, je ne connais pas bien le javascript et je ne sais pas comment faire. Je pense que c'est un truc qui ressemble à window.parent.getElById('sous_menu').quelque_chose.

Merci d'avance pour un coup de main.