Accéder à une autre page web

Version imprimable

01/06/2012, 20h16
Houdette

Accéder à une autre page web
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 :

Citation:

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:

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 :calim2: c'ets pour un projet important .. Merci beaucoup

Ps: si Vous avez besoin d'autres explications à demander, n'hésitez pas
01/06/2012, 22h11
RomainVALERI
Citation:
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:

1 2 function envoiAlfred(form){ parent.Alfred.document.form3.message.value=document.form2.message.value}
Heu... :koi: 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. :)
02/06/2012, 00h01
Darkyl

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 :cry:

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:

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:

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:

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 :aie:

Bonjour,

Citation:

Envoyé par Darkyl

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

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:

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...

02/06/2012, 11h32
RomainVALERI

1) As-tu lu ma remarque ? :?

2)

Citation:

Envoyé par Houdette

Et encore 1000 merci, vous me sauvez la vie :aie:

A quel moment ? :koi:
02/06/2012, 15h36
Houdette

@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 :marteau:
02/06/2012, 22h19
NoSmoking
il te faut remonter d'un niveau ni plus ni moins.

Regardes également du coté de
- parent.frames[...]
- top.frames[...]
cela peut aider.
02/06/2012, 23h22
Houdette
Voilààààà vous me sauvez la vie !! 1000 merci !! c'était exactement ça il suffisait de faire :
Code:

1 2 3 function envoiTom(form){ top.Tom.document.form1.message.value=document.form2.message.value}
Et c'est là que réside la différence entre l'utilisation de
top.frames... et parent.frames... chose qui est assez confuse pour beaucoup (je connaissais pas le top.frames moi) et donc
top.frames sert aux cadres qui se trouvent à l’intérieur du cadre
parent.frames sert aux cadre directement supérieur 8-) à bon entendeur !!