Adapter l'orientation du résultat d'un script

**reilo** · 12/02/2009, 15h13

Bonjour,

Je fais actuellement un certain nombre d'essais avec un script qui comporte une liste déroulante.
Je n'arrive pas à orienter le résultat vers le cadre du Bas de la page au lieu d'une nouvelle fenetre comme obtenue avec le script !

La page se nomme PgEssai.html
Les 2 cadres se nomment : cadreH.html et cadreB.html

Merci pour toute proposition que je testerai.
J'interviens sur Mac et j'utilise encore le logiciel PageMill 3.0

@ +
reilo

Ci-après la source des cadres de la page d'essai

cadreH

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
<HTML>  
<HEAD>
  <META NAME="GENERATOR" CONTENT="Adobe PageMill 3.0 Mac">
  <TITLE>JScript - Acc&egrave;s direct par liste d&eacute;roulante</TITLE>
  <SCRIPT LANGUAGE="JavaScript">
 
function ouvrir() {
	var index=document.forms[0].elements[0].options.selectedIndex;
	if (index>0) {
		var page=document.forms[0].elements[0].options[index].value;
		window.open(page,"","");
	}
}
  </SCRIPT>
</HEAD>
<BODY BGCOLOR="#ffffff" TEXT="#fafaff" ALINK="#000066" LINK="#000066"
VLINK="#000066">
 
<FORM>
<BR>
<SELECT NAME="" onChange="ouvrir()">
<OPTION SELECTED>Choisir
<OPTION VALUE="http://portail.free.fr">FREE
<OPTION VALUE="http://abasm.free.fr">ABASM
<OPTION VALUE="http://www.cocoboheme.com">COCOBOHEME
</SELECT><!--SELECTION--><!--/SELECTION--></FORM>
 
</BODY>
</HTML>

cadreB.html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<HTML>  
<HEAD>
  <META NAME="GENERATOR" CONTENT="Adobe PageMill 3.0 Mac">
  <TITLE>Document sans titre</TITLE>
</HEAD>
<BODY>
 
<!--SELECTION--><!--/SELECTION-->
 
</BODY>
</HTML>

**E.Bzz** · 12/02/2009, 15h43

Bonjour,

Envoyé par reilo

Les 2 cadres se nomment : cadreH.html et cadreB.html

il s'agit donc de frames ?
Ces noms semblent plus être les noms des pages qu'ils contiennent.

Il faut que tu donnes un name à tes cadres ("cadreH" et "CadreB") et tu pourras faire

Code :

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

document.frames['cadreB'].src = page;

EDIT : d'ailleurs, c'est pas document.frames, mais window.frames comme indiqué dans la FAQ
Faut dire aussi que les frames ne sont plus trop utilisées

A+

**reilo** · 12/02/2009, 17h24

Bonjour E.Bzz
et Merci pour ton info qui s'oriente bien vers ce que j'avais lu à propos des PopUp par exemple.
Cela pourrait sans doute ressembler à ce que je recherche !

Dans la page du pop-up, il est dit de mettre :

Code :

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

<a href="lien.htm" target="cible">Texte du lien</a>

avec dans mon exemple, je suppose, PgEssai.html à la place de lien.htm et cadreB.html à la place de cible !

Il est également dit d'insérer le code suivant dans la page cible dans le Head:

Code :

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

1
2
3
4
5
6
<head>
<script language="JavaScript" type="text/Javascript">
window.name = "cible" ;
//-->
</script>
</head>

Les essais que j'ai réalisés ne fonctionnent pas ! !
Je n'ai donc pas fait ce qu'il fallait ! !

Si tu as une idée, elle sera la bien venue !

@ +

reilo

**E.Bzz** · 12/02/2009, 17h54

Envoyé par reilo

Dans la page du pop-up, il est dit de mettre :

Code :

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

<a href="lien.htm" target="cible">Texte du lien</a>

avec dans mon exemple, je suppose, PgEssai.html à la place de lien.htm et cadreB.html à la place de cible !

Pas tout à fait : tu as peut être choisi de nommer ta frame cadreB.html, mais ce n'est pas forcément une bonne idée du fait des ambigüités que ce nom génère. Appelons-là "toto" pour l'exemple, ça éviteras les confusions

Soit, donc, ton ex-cadreB :

Code :

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

<frame name="toto" src="une_page.html"></frame>

Tu peux la mettre à jour à partir de ton cadreA (dont le name importe peu) avec :

Code :

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

1
2
3
4
5
6
7
function ouvrir() {
	var index=document.forms[0].elements[0].options.selectedIndex;
	if (index>0) {
		var page=document.forms[0].elements[0].options[index].value;
		top.frames['toto'].location.replace('une_autrepage.htm');
	}
}

(pour reprendre l'exemple de la FAQ)

"top" représente la fenêtre de niveau le plus haut, c'est à dire celle contenant toutes les frames de ta page.
Ca évite de savoir si la frame de départ est elle-même inclus dans une frame (elle-même inclus dans une frame, elle-même inclus dans une frame etc .....)

Qu'est-ce qui ne marche pas si tu fais ça ?

Quant au code et explications que tu as trouvé sur les pop, il faudrait que tu changes de sources

Utilise celle-ci, par exemple

En effet, il y a une erreur de logique : le name est attribuée à la pop lors de son ouverture (window.name = "cible"; ) alors que ce name est justement utilisé dans la syntaxe du window.open() pour cibler cette même fenêtre.
C'est l'histoire du serpent qui n'arrivera jamais à se mordre la queue

De plus les méthodes utilisées sont un peu anciennes (comme les frames).

Ah, au fait, pour mettre en forme ton code, utilise le bouton "#" de l'éditeur

A+

Adapter l'orientation du résultat d'un script

JavaScript

Discussions similaires

Partager

Partager