[Frameset] changer 2 frameset en même temps

Bonjour à tous ! Joyeux noël avec un jour de retard :lol:

Voilà en ces temps de fêtes j'ai quelques soucis de programmation html.
Je fais une page constituée de frame (3), une de titre, une de menu, et une avec la page. Tout marche nickel, la page change quand je clic dans mon menu mais j'aimerais que la page titre change en même temps, et la.... j'y arrive pas ! :evilred:

Comment faire ?

Voilà mon menu
Code:

1 2 3 4 5 6 7 <ul id="navigation"> <li><a href="framePageAcc.php" target=page title="aller à l'accueil">Accueil</a></li> <li><a href="framePageArticle.htm" target=page title="aller à la gestion des articles"</a></li> <li><a href="#" target=page title="aller à la gestion des fournisseurs">Fournisseur</a></li> <li><a href="#" target=page title="aller à la getion du stock">Stock</a></li> <li><a href="#" target=page title="aller à la gestion des commandes">Commande</a></li> </ul>
Cela marche bien, mais il faudrais par exemple que lorsque je clic sur articles, que la frame titre change en même temps que la page, c'est possible ?

Etant donné que tu ne nous donnes pas le code de tous tes html, nous admettrons les choses suivantes :

Ta frame de titre a pour attribut name la valeur "titre"
Ta frame de contenu (que tu décris par "une avec la page") a pour attribut name la valeur "contenu"

Reprenons le code de ta page html avec un code html complet et corrigé pour être conformes aux spécifications du w3c:

Citation:

Envoyé par yoann7

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Menu</title>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
  </head>
  <body>
    <ul id="navigation">
      <li>
        <a href="framePageAcc.php" target="page" title="aller à l'accueil">Accueil</a>
      </li>
      <li>
        <a href="framePageArticle.htm" target="page" title="aller à la gestion des articles">Gestion des articles</a>
      </li>
      <li>
        <a href="#" target="page" title="aller à la gestion des fournisseurs">Fournisseur</a>
      </li>
      <li>
        <a href="#" target="page" title="aller à la getion du stock">Stock</a>
      </li>
      <li>
        <a href="#" target="page" title="aller à la gestion des commandes">Commande</a>
      </li>
    </ul>
  </body>
</html>

Ta demande concerne du javascript, c'est peut-être la raison pour laquelle tu n'as pas eu de réponse. Mais étant donné que tu as l'air de l'ignorer, et que personne si ce n'est toi ne m'a souhaité un joyeux noël, je vais quand même te répondre.

Voici un code à intégrer dans ta page dans une balise script qui sera elle même dans ta balise head, avec pour seul argument type qui prendra pour valeur "text/javascript"

Code:

1
2
3
4
5
 
function redirectTwoFrame(firstWindow, firstUrl, secondWindow, secondUrl){
  firstWindow.location.href = firstUrl;
  secondWindow.location.href = secondUrl;
}

Tu viens ici de créer une fonction javascript qui va te permettre de rediriger deux frame distincts en même temps vers deux url distinctes.

Ce qui donne à ce moment là, le code suivant pour ta page

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Menu</title>
	<script type="text/javascript">
          function redirectTwoFrame(firstWindow, firstUrl, secondWindow, secondUrl){
        firstWindow.location.href = firstUrl;
        secondWindow.location.href = secondUrl;
      }
        </script>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
  </head>
  <body>
    <ul id="navigation">
      <li>
        <a href="framePageAcc.php" target="page" title="aller à l'accueil">Accueil</a>
      </li>
      <li>
        <a href="framePageArticle.htm" target="page" title="aller à la gestion des articles">Gestion des articles</a>
      </li>
      <li>
        <a href="#" target="page" title="aller à la gestion des fournisseurs">Fournisseur</a>
      </li>
      <li>
        <a href="#" target="page" title="aller à la getion du stock">Stock</a>
      </li>
      <li>
        <a href="#" target="page" title="aller à la gestion des commandes">Commande</a>
      </li>
    </ul>
  </body>
</html>

À ce moment là, ta fonction est créée, mais tu n'y fais pas appel au clic sur un lien. Imaginons que tu aies deux pages web, fournisseurs.html et fournisseursTitle.html dans le même répertoire que ta page de menu, il faudrait alors rajouter le paramètres onclick à ta balise a de lien pour faire appel à cette fonction, suivant le modèle suivant

Code:

1
2
 
<a href="#" onclick="redirectTwoFrame('title', 'fournisseursTitle.html', 'contenu', 'fournisseurs.html')" target="page" title="aller à la gestion des fournisseurs">Fournisseur</a>

Ce qui donnerait pour code complet de ta page, le suivant :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Menu</title>
	<script type="text/javascript">
          function redirectTwoFrame(firstWindow, firstUrl, secondWindow, secondUrl){
        firstWindow.location.href = firstUrl;
        secondWindow.location.href = secondUrl;
      }
        </script>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
  </head>
  <body>
    <ul id="navigation">
      <li>
        <a href="framePageAcc.php" target="page" title="aller à l'accueil">Accueil</a>
      </li>
      <li>
        <a href="framePageArticle.htm" target="page" title="aller à la gestion des articles">Gestion des articles</a>
      </li>
      <li>
        <a href="#" onclick="redirectTwoFrame('title', 'fournisseursTitle.html', 'contenu', 'fournisseurs.html')" target="page" title="aller à la gestion des fournisseurs">Fournisseur</a>
      </li>
      <li>
        <a href="#" target="page" title="aller à la getion du stock">Stock</a>
      </li>
      <li>
        <a href="#" target="page" title="aller à la gestion des commandes">Commande</a>
      </li>
    </ul>
  </body>
</html>

Voilà, espérant que cette réponse très détaillée aura répondu à tes attentes.

N'hésite pas si tu as des questions.

Merci à un modérateur passant par ici de rediriger vers la section javascript, plus appropriée pour ce message je pense.

Cordialement.

Bonjour,

Citation:

Envoyé par herfrayg

Ta demande concerne du javascript, c'est peut-être la raison pour laquelle tu n'as pas eu de réponse. Mais étant donné que tu as l'air de l'ignorer, et que personne si ce n'est toi ne m'a souhaité un joyeux noël, je vais quand même te répondre.

Les allergiques aux frames sont de plus en plus nombreux ... c'est peut-être sa aussi :roll:

Merci beaucoup, je viens de voir ta réponse!
Je ne savais pas que c'était du javascript, d'ailleur j'en ai jamais utilisé :oops:
je vais tester ça !

Pourquoi allergies aux frames ? je trouve ça assez utile...

Utile certe, mais moins "propre" qu'une belle disposition en css dont le contenu pourra être généré par du PHP.

allergie aux frames

pour avoir pratiqué les frames, les mises en page avec tableau et toutes les bidouilles des débuts, les évolutions CSS, XHTML et le reste sont vraiment un grand pas pour la maintenabilité du code et l'efficacité dans le codage.

Au niveau du référencement, il semble que les jeux de frames bloquent le référencement dans google.

un super tuto sur les standards :
http://trac.rezo.net/trac/spip-zone/...pdf?format=raw