Accéder à une autre page web

**Houdette** · 01/06/2012, 20h16

Bonjour,
J'ai un petit problème sur lequel je viens de passer 2 bonnes heures mais en vain

Pour faire simple je vous donne l'énoncé de l'exercice :

Nous avons 3 cadres hierarchisés. Alfred et Jules sont frères, Tom est leur oncle.
• Créer la page f3.html avec le FRAMESET constitué des 2 cadres f4 et f5 et contenant respectivement f4.html(représentant Jules) et f5.html(représentant Alfred)
• Créer ensuite la page f1.html avec le FRAMESET constitué des cadres f2 et f3 contenant respectivement f2.html (représentant Tom) et f3.html (représentant Frères)
• Puis, dans chacun des 3 cadres ajouter un formulaire contenant une zone de texte nommée " message".
• On choisit de se positionner dans la situation de Jules (f4.html). Jules va envoyer un message à Alfred, un autre à son oncle et un à lui-même. Pour cela compléter le formulaire de Jules par 3 boutons correspondant aux 3 messages à transmettre, puis insérer du code javascript avec le gestionnaire d’évènement onClick permettant d'adresser un message au destinataire qui lui est choisi.

Alors, j'ai déjà presque tout fini, j'ai créé 3 fonctions javascript, par exemple pour envoyer un message à Alfred :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
function envoiAlfred(form){
parent.Alfred.document.form3.message.value=document.form2.message.value}

Puis j'ai appelé la fonction au niveau du bouton grâce à onClick. et ça marche nickel !
en revanche ce que je n'arrive pas à faire c'est envoyer un message à Tom, étant donné qu'il n'est pas sur le même frame que Jules. Il s'agit sans doute d'accéder carrément à une autre page web ..à ce niveau là je bloque et je n'arrive pas à écrire la fonction adéquate (qui permet d'accéder à la page web de Tom) !! Si quelqu'un peut m'aider je serai très reconaissante

c'ets pour un projet important .. Merci beaucoup

Ps: si Vous avez besoin d'autres explications à demander, n'hésitez pas

**RomainVALERI** · 01/06/2012, 22h11

Envoyé par Houdette

Alors, j'ai déjà presque tout fini, j'ai créé 3 fonctions javascript, par exemple pour envoyer un message à Alfred :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
function envoiAlfred(form){
parent.Alfred.document.form3.message.value=document.form2.message.value}

Heu...

y'a comme une bizzarrerie.

Au cas où tu passes un paramètre au moment de l'appel de ta fonction, genre onclick="envoiAlfred(this.form)", ce que laisse supposer la signature de ta fonction (function envoiAlfred(form)), il n'est cependant pas utilisé dans le corps de la fonction, tout est "en dur" et pointe directement sur des éléments totalement indépendants du paramètre passé. Si tu réutilises la fonction sur un autre form ça ne marchera pas...

Mais il nous faudrait voir la structure html d'au moins l'une des pages, et l'ensemble de tes fonctions JS pour se faire une meilleure idée.

**Darkyl** · 02/06/2012, 00h01

Salut,

Je croyais que les frames étaient dépassées et que l'on préférais div + ajax...
Bon c'est vrai, faut javascript activée mais nombre de pro m'ont dit d'oublier les frames et là, stupeur, je vois qu'on les enseigne à l'école...
J'y comprend plus rien

**Houdette** · 02/06/2012, 01h37

Bon moi aussi ça me soûle les frames (trop has been) ce pourquoi je ne m'y suis jamais vraiment intéressée jusqu'à ce qu'on m'y oblige alors que je suis en master, m'enfin bref. Ce sera un peu long mais voilà :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<HTML>
  <HEAD>
    <TITLE>f1.html</TITLE>
  </HEAD>
  <FRAMESET cols="50%,50%">
 
  <FRAME src=f2.html name="Tom">
  <FRAME src=f3.html name="Neveux">
 
  </FRAMESET>
 
</HTML>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<HTML>
  <HEAD>
    <TITLE>f3</TITLE>
  </HEAD>
  <FRAMESET cols="50%,50%">
 
  <FRAME src=f4.html name="Jules">
  <FRAME src=f5.html name="Alfred">
 
  </FRAMESET>
 
</HTML>

Voilà donc les deux pages parentes, ce qui donnera une page web avec 3 frames en colonnes.

Puis on a f2.html , f4.html et f5.html , je vous donne le code de f4 car les autres lui ressemblent mais ne contiennent pas de code javascript ni bouttons ..

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
<HTML>
<HEAD>
    <TITLE>f4.html</TITLE>
 
	<SCRIPT language="JavaScript">
<!---------------Fonction JS Jules ---------------->
function envoiTom(form){
 
/////////////Et c'est là que je bloque !!
}
<!---------------Fonction JS Alfred --------------->
function envoiAlfred(form){
parent.Alfred.document.form3.message.value=document.form2.message.value}
<!---------------Fonction JS Moi --------------->
function envoiMoi(form){
parent.Jules.document.form2.message.value=document.form2.message.value}
	</SCRIPT>
  </HEAD>
  <BODY>
   Ici <b>Jules</b>, Frère d'Alfred et neveu de Tom !
 
    <form name="form2">
   <p>
       <label>
        Message:
       </label>
       <br />
       <INPUT TYPE="TEXT" NAME="message" value=" ">
      <!-- <textarea name="message" id="message" rows="10" cols="30"  value=" ">
 
 
       </textarea>   -->    
   </p>
   <!----------------Boutons d'envoi-------------->
   <INPUT TYPE="button" VALUE="Envoyer à Tom" onClick="envoiTom(this.form)">
   <input type="button" value="Envoyer à Alfred" onClick="envoiAlfred(this.form)"/>
   <input type="button" value="Envoyer à moi même" onClick="envoiMoi(this.form)"/>
 
</form>
 
 
  </BODY>
  </HTML>

Et encore 1000 merci, vous me sauvez la vie

**RomainVALERI** · 02/06/2012, 11h32

1) As-tu lu ma remarque ?

2)

Envoyé par Houdette

Et encore 1000 merci, vous me sauvez la vie

A quel moment ?

**Houdette** · 02/06/2012, 15h36

@NoSmoking:
C'est exactement ça la structure !! mais justement ce que j'ai pas su faire c'est écrire une instruction d'accès à Tom!
Pour accéder à Alfred j'ai utilisé "parent.Alfred.document", je ne sais pas comment faire (ou quel syntaxe exactement utiliser pour accéder au frame de Tom).

@RomainVALERI:
Oui j'ai lu ta remarque et je ne sais pas si je l'ai bien comprise, en tout cas j'ai réutilisé le paramètre pour autre frame que Alfred (à condition qu'ils soient tous dans le même créateur de frames) et ça marche nickel :/
______
1000 merci quand j'aurai rendu mon TP correctement

**NoSmoking** · 02/06/2012, 10h06

Bonjour,

Envoyé par Darkyl

Je croyais que les frames étaient dépassées...
J'y comprend plus rien

cela reste un bon exercice de réflexion.

@Houdette
as tu pris le temps de regarder les relations entre tes différents FRAME pour savoir comment accéder à chacune, un croquis est souvent salvateur?

Juste un petit fichier montrant la "structure" que tu rencontres.

Code html :

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
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[relations]</title>
<style type="text/css">
fieldset{ padding:20px; margin:20px;}
legend{ font-weight:bold; color:red;}
pre{ margin:0; padding:0;}
</style>
</head>
<body>
<fieldset>
  <legend>F1</legend>
  <fieldset id="tom">
    <legend>F2</legend>
    Tom
    <pre>
    pour atteindre Jules  : F1 -> F3 -> F4
    pour atteindre Alfred : F1 -> F3 -> F5</pre>
  </fieldset>
 
  <fieldset id="neveux">
    <legend>F3</legend>
    Neuveux
    <fieldset id="jules">
      <legend>F4</legend>
      Jules
      <pre>
      pour atteindre Alfred : F3 -> F5
      pour atteindre Tom    : F3 -> F1 -> F2</pre>
    </fieldset>
 
    <fieldset id="alfred">
      <legend>F5</legend>
      Alfred
      <pre>
      pour atteindre Jules : F3 -> F4
      pour atteindre Tom   : F3 -> F1 -> F2</pre>
    </fieldset>
  </fieldset>
</fieldset>
</body>
</html>

voila pour le visuel...

Accéder à une autre page web

JavaScript

Vue hybride

Discussions similaires

Partager

Partager