IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Modifier titre dcument parent d'une iframe


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de Trunks
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2004
    Messages
    534
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Mai 2004
    Messages : 534
    Par défaut Modifier titre dcument parent d'une iframe
    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.

  2. #2
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868

  3. #3
    Membre éclairé Avatar de Trunks
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2004
    Messages
    534
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Mai 2004
    Messages : 534
    Par défaut
    Oui getElementById, mais je ne sais toujours pas la suite

  4. #4
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    window.parent.getElementById('sous_menu').className='nouvelleclasse' ;
    :

  5. #5
    Membre éclairé Avatar de Trunks
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2004
    Messages
    534
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Mai 2004
    Messages : 534
    Par défaut
    Entre temps j'ai trouvé un ami qui m'a donné une solution qui marche :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    window.parent.document.getElementById("sous_menu").getElementsByTagName("a")[3].className = "bouton_on";
    Merci pour votre aide

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Actualiser une div Parent depuis une IFRAME enfant ?
    Par Marmotton76 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 04/10/2012, 12h45
  2. Créer fonction sur le parent d'une iframe
    Par slayess dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 26/01/2012, 21h48
  3. Exécuter une fonction d'une iframe à partir de la page parent
    Par Etanne dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 27/06/2006, 14h16
  4. Modifier le titre des colonnes d'une DBGrid
    Par deubal dans le forum Composants VCL
    Réponses: 3
    Dernier message: 03/11/2005, 17h15
  5. Modifier contenu d'une iframe
    Par castaka dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 16/06/2005, 15h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo