Modifier titre dcument parent d'une iframe
Bonjour,
Voici comment se compose ma page d'index :
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 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 à 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élé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> |</li>
<li><a href="#">Nous contacter</a> |</li>
<li><a href="#">Informations légales</a> |</li>
<li><a href="#">Confidentialité</a> |</li>
<li><a href="#">Ajouter aux favoris</a> |</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:
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.