Changer le titre d'une page à partir d'une frame la contenant

Version imprimable

Bonjour,

Oui vous allez tout d'abord me dire que les frames c'est révolues mais bon, j'ai pas l'intention de faire un grand site web.

Voila mon soucis, ma page d'accueil est divisé en 4 frames, dans l'une des frames il y a des images que l'on clic pour afficher un contenu choisi sur une autre frame.

ca ressemble à cela :

Code:

1
2
<a href="http://sharablemusics.free.fr/album47/" TARGET="playframe" class="info">
		<img src="http://sharablemusics.free.fr/album47/listcover.jpg" border=0 >

j'aimerais que lorsqu'on clic sur une image, le titre de la page (de l'onglet) change en conséquence. J'ai essayé tout ca mais rien ne change :

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
a.
<a href="http://sharablemusics.free.fr/album47/" TARGET="playframe" class="info">
		<img src="http://sharablemusics.free.fr/album47/listcover.jpg" border=0 onclick='this.parent.document.title="Akh-Point";' >
 
b.
<a href="http://sharablemusics.free.fr/album47/" TARGET="playframe" class="info">
		<img src="http://sharablemusics.free.fr/album47/listcover.jpg" border=0 onclick='this.parent.parent.document.title="Akh-Point";' >
 
c.
<a href="http://sharablemusics.free.fr/album47/" TARGET="playframe" class="info" onclick='this.parent.parent.document.title="Akh-Point";' >
		<img src="http://sharablemusics.free.fr/album47/listcover.jpg" border=0 >
 
d.
<a href="http://sharablemusics.free.fr/album47/" TARGET="playframe" class="info" onclick='this.parent.document.title="Akh-Point";' >
		<img src="http://sharablemusics.free.fr/album47/listcover.jpg" border=0 >
 
e.
<a href="http://sharablemusics.free.fr/album47/" TARGET="playframe" class="info" onclick='window.parent.document.title="Akh-Point";' >
		<img src="http://sharablemusics.free.fr/album47/listcover.jpg" border=0 >
 
f.
<a href="http://sharablemusics.free.fr/album47/" TARGET="playframe" class="info" onclick='window.parent.document.title("Akh-Point");' >
		<img src="http://sharablemusics.free.fr/album47/listcover.jpg" border=0 >
 
 
... et bien d'autres

le frame contenant les images s'appelle page.php

edit : le code dont je fais référence se trouve après la ligne 100 de la frame

Bonjour,

Essaye ça, si j'ai bien compris ça correspond à ce que tu voulais.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<html>
<head>
	<title>original title</title>
</head>
<script type="text/javascript">
        function changeTitle(title) { document.title = title; }
</script>
<body>
	<a href="#"><img src="http://sharablemusics.free.fr/album47/listcover.jpg" onclick='changeTitle("new title")'/></a>
</body>
</html>

Au passage : n'oublie pas de fermer tes balises img /> ;)

01/04/2013, 10h13
Bovino

Code:

onclick='this.parent.document.title="Akh-Point";'

this correspond à la balise image qui n'a donc pas de propriété parent...

Citation:
Envoyé par Nabes
Bonjour,

Essaye ça, si j'ai bien compris ça correspond à ce que tu voulais.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <html> <head> <title>original title</title> </head> <script type="text/javascript"> function changeTitle(title) { document.title = title; } </script> <body> <a href="#"><img src="http://sharablemusics.free.fr/album47/listcover.jpg" onclick='changeTitle("new title")'/></a> </body> </html>
Au passage : n'oublie pas de fermer tes balises img /> ;)
salut,
j'ai bien pris note de ta suggestion et je t'en remercie. Mais... ce que tu me donne permet de changer le titre de la frame en cours, moi je veux changer le titre de la page, qui contient la frame. Alors il y a surement une histoire de .parent quelque part je ne trouve toujours pas

si ca peut aider, voila mon frameset dans index.php :

Code:

1
2
3
4
5
6
7
8
9
10
   <frameset cols="15%,*" BORDER=2 BORDERCOLOR="black">
      <frame src="menu.php" name="menuframe" MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE >
      <frameset rows="60%,*" BORDER=2 BORDERCOLOR="black">
         <frameset rows="*,60" FRAMEBORDER="no">
            <frame src="page.php" name="pageframe" MARGINWIDTH=100 MARGINHEIGHT=1>
            <frame src="defile.php" name="defileframe" SCROLLING="no"  MARGINWIDTH=0 MARGINHEIGHT=0> 
         </frameset>
         <frame src="album67/" name="playframe" MARGINWIDTH=25 MARGINHEIGHT=0>          
      </frameset>
   </frameset>

EUREKA !

voila le code :

Code:

1
2
3
4
5
6
<script type="text/javascript">
        function changeTitle(title) { window.top.document.title = title; }
</script>
<body>
	<a href="#"><img src="http://sharablemusics.free.fr/album47/listcover.jpg" onclick='changeTitle("new title")'/></a>
</body>