Refresh Iframe d'origine +2

Version imprimable

31/08/2010, 16h09
muppetshow

Refresh Iframe d'origine +2

Bonjour,
J'ai une arborescence d'iframes pour détailler les informations que je souhaite afficher comme suit :
Fenêtre principale
--- Iframe if_action
------ Iframe PaneauGauche et Iframe PaneauDroit

A partir du code que j'utilise dans l'Iframe PaneauDroit, je n'arrive pas à trouver la syntaxe pour faire un location.replace (url) du contenu de mon iframe if_action.

J'ai essayé un peu tout ce que j'ai trouvé sur le web, avec opener, top, window, parent etc mais je n'y arrive pas.

Si quelqu'un pouvait m'aider:(

D'avance merci

M.
31/08/2010, 17h58
E.Bzz

Bonjour,

Citation:

Envoyé par muppetshow

A partir du code que j'utilise dans l'Iframe PaneauDroit, je n'arrive pas à trouver la syntaxe pour faire un location.replace (url) du contenu de mon iframe if_action.

Si les frames ne sont pas imbriquées, a priori :

Code:

top.document.frames['if_action'].location.replace(url);

if_action étant le name.

A+
01/09/2010, 08h55
muppetshow

Merci E.Buzz mais ça ne va pas. J'obtiens un message indiquant que l'objet a une valeur null ou n'est pas un objet.

En fait la mise en page que j'ai faite dans mon message initial pour l'indentation n'a pas été prise en compte. Les iframe sont bien imbriquées.
j'ai donc :
1) PagePrincipale.Iframe['If_Action']
2) If_Action contient un page avec à son tour 2 Iframes PaneauGauche et PaneauDroite
3) Depuis PaneauDroite, je voudrais faire un location.replace(url) de mon If_Action de ma page principale

J'espère que c'est clair comme ça, sinon j'essaye autrement.

D'avance merci pour votre aide.
01/09/2010, 09h19
E.Bzz

Citation:

Envoyé par muppetshow

Les iframe sont bien imbriquées.

Dans ce cas, remplace top par parent ;)

top part du niveau le plus haut, alors que parent ne remonte que d'un niveau, ce qui te positionnera dans If_Action. Le reste de la syntaxe devrait, du coup, fonctionner.

A+
01/09/2010, 09h40
Bovino

Citation:

Envoyé par E.Bzz

Le reste de la syntaxe devrait, du coup, fonctionner.

A condition bien sûr que les iframes soient toutes sur le même domaine, or si c'est le cas, quel est l'intérêt d'utiliser des iframes ?
01/09/2010, 10h01
E.Bzz

Citation:

Envoyé par Bovino

A condition bien sûr que les iframes soient toutes sur le même domaine

Exact, j'aurais dû le préciser :ccool:

Par contre, la question ne se pose que pour 'if_action', me semble-t-il (il ne s'agit pas d'accéder au contenu de la dernière frame, mais d'en changer l'url).

A+
01/09/2010, 10h06
E.Bzz

Arf !

Répondu à côté. J'avais compris "modifier l'url de PaneauGauche à partir de PaneauDroite".
Hors, c'est "modifier l'url de If_Action à partir de PaneauDroite".

Le problème c'est que du coup, c'est bien la syntaxe

Code:

top.document.frames['if_action'].location.replace(url);

qu'il faut utiliser.
Si elle ne fonctionne pas (l'objet a une valeur null ou n'est pas un objet) c'est qu'il y a autre chose ...

On peut voir le code HTML de ta page (la principale + les iframes imbriquées) ainsi que la manière et l'endroit dont tu appelles la fonction ?

A+
01/09/2010, 10h10
muppetshow

Merci pour vos réponses.

J'avais déjà essayé avec parent, et ça ne fonctionne pas.
Si j'ai bien tout compris, parent me permet de remonter au niveau supérieur.
Dans mon cas, j'ai besoin de remonter de 2 niveaux.

Donc, dans mon language, j'ai besoin d'une référence absolue, soit de pourvoir remonter de parent.parent (j'ai essayé aussi mais pas mieux :cry:)

Bovino, désolé mais ta notion de même domaine m'échappe :oops:
J'utilise des iframe car c'est le moyen l e+ simple que j'ai trouvé de pouvoir gérer des fenêtres en cascades pour afficher des détails d'infos.

Merci
01/09/2010, 10h14
E.Bzz

Citation:

Envoyé par muppetshow

J'avais déjà essayé avec parent, et ça ne fonctionne pas.

Cf. mon dernier post ci-dessus ;)

A+

Désolé pour les messages qui se sont croisés !
Voici mon code :
Page Machines.hta, ma page principale avec menu générale :
Code:

1 2 <iframe id="if_action" name="if_action" style="PADDING-LEFT: 40px" width="95%" height="740px"></iframe>
puis pour alimenter l'iframe
Code:

1 2 3 4 function Charge_Iframe (PageACharger) { document.getElementById('if_action').src = SourceProgs + PageACharger; }
Par ce biais, dans l'Iframe if_action, je charge ma page UsersPC.htas qui contient la déclaration des 2 iframe
Code:

1 2 3 <iframe id="paneaugauche" name="paneaugauche" style="LEFT: 1px" width="60%" height="550px"></iframe> <iframe id="paneaudroite" name="paneaudroite" style="LEFT: 51%" width="38%" height="550px"></iframe>
que l'alimente pas la fonction suivante à l'aide d'un choix dans une drop down box :
Code:

1 2 3 4 5 6 function AfficheUsers () { var idx = document.getElementById("NomUser").selectedIndex; document.getElementById('PaneauGauche').src = "UsersCnx.htas?User=" + document.getElementById("NomUser").options[idx].text; document.getElementById('PaneauDroite').src = "UsersCnx.htas?ID=" + document.getElementById("NomUser").options[idx].value; }
Enfin, j'ai ma page UsersCnx.htas?ID=xxx qui me permet de récupérer un lien comme suit :
Code:

1 2 <a href=\"javascript:MenuMachine('" + rs.fields(0).Value + "')\">" + rs.fields(0).Value + "</a>
avec mon champ rs.fields(0).value qui contient le nom de la variable avec laquelle je veux alimenter mon iframe comme suit :
Code:

1 2 3 4 5 6 7 function MenuMachine (Machine) { // parent.frames['paneaudroite'].location.replace ("MenuMachine.htas?PC=" + Machine); //window.frames['if_action'].location.replace ("MenuMachine.htas?PC=" + Machine); top.document.frames['if_action'].location.replace("MenuMachine.htas?PC=" + Machine); }
Voilà, jespère que c'est un peu plus clair pour vous.

Sinon je pensais qu'il était peut-être possible de déclarer une fonction au niveau intermédiaire pour me permettre de lancer mon replace au niveau supérieur genre dans paneaudroite j'appel la fonction dans if_action, fonction qui fait un replace de if_action en utilisant parent ? ou un truc comme ça ?

Merci pour votre.

01/09/2010, 11h09
E.Bzz

Et avec

Code:

top.document.getElementById('if_action').src

:question:

Sinon, attention à la casse :

Code:

id="paneaugauche"

Code:

document.getElementById('PaneauGauche').src

A+
01/09/2010, 12h55
muppetshow
Merci E.Bzz

Même résultat, 'top.document.getElementByID(...)' a la valeur Null ou n'est pas un objet avec
Code:

1 2 top.document.getElementById('if_action').src = "MenuMachine.htas?PC=" + Machine;

Bon, j'ai essayé une autre méthode, en passant par une fonction de la page "intermédiaire".

Au niveau de le plus bas, j'ai donc
Code:

1 2 parent.JeMeRemplace (Machine);
qui appelle une fonction au niveau intermédiaire
Code:

1 2 3 4 5 6 7 function JeMeRemplace (Machine) { alert ("j'y suis !"); // parent.frames['if_action'].location.replace ("MenuMachine.htas?PC=" + Machine); // top.document.getElementById('if_action').src = "MenuMachine.htas?PC=" + Machine; // top.document.frames['if_action'].location.replace ("MenuMachine.htas?PC=" + Machine); }
L'appel à la fonction fonctionne bien, par contre aucune des 3 syntaxes que j'ai essayé ne fonctionne :cry: pour remonter d'un niveau !
Toujours la même erreur objet null etc !!!

Différence entre frame et iframe ?

01/09/2010, 13h53
E.Bzz

C'était ma suggestion suivante ...

:fleche: Remonte ta fonction d'un niveau (il faudra l'appeler avec top. ) et appelle-là via un setTimeout().
En effet il est possible que le problème soit dû au fait que tu essayes de recharger la page qui est entrain d'exécuter le script. Le setTimeout() devrait corriger ce point.

Au fait, tu ne nous as pas donné de confirmation suite à la remarque de Bovino : les pages contenues dans les iframes sont bien toutes du même domaine ? (en gros : sont-elles toutes "à toi" ou y at-t-il des sites externes, c'est à dire, pour simplifier, dont le début de l'url est différent)

Sinon, d'un point de vue syntaxe Javascript, pas de différences entre frames et iframes ;)

A+
01/09/2010, 15h40
muppetshow
Je en m'en sors pas, quel boulet :oops:

En fonction des tests que je fais, j'oscile entre Cet object ne gère pas cette propriété ... ou l'objet a une valeur null ...
Code:

1 2 setTimeout (parent.Charge_Iframe ("MenuMachine.htas?PC=" + Machine, 1000));
J'ai aussi essayé de cascader 2 appels successifs pour remonter d'un cran à chaque fois mais non.

En fouillant, je suis tombé sur un site british ou un gars explique que href n'ira pas et qu'il faut utiliser onclick pour ça ... pas mieux, je remonte toujours d'un cran mais pas de 2.

Sinon désolé, je n'avais pas compris la question. Oui, toutes les pages sont bien locales.
01/09/2010, 15h59
E.Bzz

Citation:

Envoyé par muppetshow

En fouillant, je suis tombé sur un site british ou un gars explique que href n'ira pas et qu'il faut utiliser onclick pour ça ...

Ce qu'il voulait peut être dire, c'est qu'un href (s'il est mal géré) peut te faire changer de page alors que ce n'était pas prévu.
Au lieu de

Code:

<a href="javascript:une_fonction();">Click me</a>

il est préférable de faire

Code:

<a href="une_url" onclick="une_fonction(); return false;">Click me</a>

Le return false empêche l'appel au href et donc le changement de page intempestif.
Mais ça ne change rien à la syntaxe du code de la fonction appelée.

Citation:

Envoyé par muppetshow

pas mieux, je remonte toujours d'un cran mais pas de 2.

Je t'avais suggéré top et je vois parent.

On peut voir la version actuelle de ton code ?
(les même passages que dans ton post #10)

A+

S'il n'y a pas top c'est que j'ai un peu tout essayé :oops:
Donc mon code à l'heure actuel est :
Page principale

Code:

1
2
3
4
5
6
7
8
9
 
 
function Charge_Iframe (PageACharger)
{	document.getElementById('if_action').src = SourceProgs + PageACharger;
}
 
avec
 
<iframe id="if_action" name="if_action" style="PADDING-LEFT: 40px" width="95%" height="740px"></iframe>

Ensuite, dans ma page dans if_action

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function JeMeRemplace (Machine)
{	alert ("j'y suis !");
	// parent.frames['if_action'].location.replace ("MenuMachine.htas?PC=" + Machine);
	// top.document.getElementById('if_action').src = "MenuMachine.htas?PC=" + Machine;
	// setTimeout (parent.Charge_Iframe ("MenuMachine.htas?PC=" + Machine, 1000));
	setTimeout (top.Charge_Iframe ("MenuMachine.htas?PC=" + Machine, 1000));
	// setTimeout (top.document.frames['if_action'].location.replace ("MenuMachine.htas?PC=" + Machine), 1000);
}
 
avec toujours 
 
<body>
...
...
	<iframe id="paneaugauche" name="paneaugauche" style="LEFT: 1px" width="60%" height="550px"></iframe>
	<iframe id="paneaudroite" name="paneaudroite" style="LEFT: 51%" width="38%" height="550px"></iframe>			
 
...
</body>

et enfin dans la page chargée dans l'iframe paneaugauche, le code d'appel est maintenant

Code:

1
2
 
<a href=\"#\" onclick=\"parent.JeMeRemplace ('" + rs.fields(0).Value + "')\">" + rs.fields(0).Value + "</a>

A la place de ce dernier, j'ai essayer de mettre top.Charge_Iframe mais sans succès.

Wouali woualou :cry:

01/09/2010, 17h15
E.Bzz

Au lieu de

Code:

JeMeRemplace (Machine)

, appelle directement le

Code:

setTimeout(top.Charge_Iframe (...

Et n'oublie pas le return false; (cf. mon exemple) dans le onclick du href, sinon la page se recharge intempestivement ...

A+
02/09/2010, 11h31
muppetshow
Bonjour,
E.bzz, merci beaucoup pour ton aide et ta patience :ccool:

J'obtiens un message d'erreur qui me dit que que l'appel d'une fonction Sub n'admet pas de parenthèse à une ligne qui n'a absolument rien à voir !

Mon code est maintenant :
Code:

1 2 <a href=\"#\" onclick=\"setTimeout(top.Charge_Iframe ('MenuMachine.htas?PC=" + rs.fields(0).Value + "'),1000); return false;\">" + rs.fields(0).Value + "</a>
J'ai essayé sans le setTimeout et là j'obtiens cet objet en gère pas cette propriété ou cette méthode !!!

Donc si je comprends un peu, la fonction passée en paramètre n'accepterait pas elle même les paramètres ?

Est-ce que tout cela pourrait venir du fait que mes pages sont des .htas et pas des .html ?
02/09/2010, 11h46
E.Bzz

Citation:

Envoyé par muppetshow

J'obtiens un message d'erreur qui me dit que que l'appel d'une fonction Sub n'admet pas de parenthèse à une ligne qui n'a absolument rien à voir !

Ne serait-ce pas un problème d'imbrication de quottes ou autre ?
En effet, il n'y a pas de Sub (procédure) en Javascript, ce qui me fait plus penser à un message d'erreur serveur ...

A+
02/09/2010, 13h16
muppetshow

Je pense que oui car dès que j'enlève setTimeout de la ligne de commande, ca ne couine plus !

J'ai essayé un peu tout, avec les " et ' mais il doit ya voir une subtilité de plus qui m'échappe.

Je continue !

Bon, je dois vraiment être un boulet :calim2:

J'ai clairement l'impression que le settimeout imbriqué avec la multiplication des " etc ne lui plait pas.

ensuite, j'ai essayé de sortir la fonction pour passer les paramètres avec un variable globale
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var NomMachine = ""; ... function MenuMachine () { // parent.frames['paneaudroite'].location.replace ("MenuMachine.htas?PC=" + Machine); // top.document.getElementById('if_action').src = "MenuMachine.htas?PC=" + Machine; // parent.JeMeRemplace (Machine); var url = "MenuMachine.htas?PC=" + NomMachine; setTimeout ("top.Charge_Iframe (url)", 1000); } ... NomMachine = rs.fields(0).Value; <a href=\"#\" onclick=\"MenuMachine(); return false;\">" + rs.fields(0).Value + "</a>
Quand je laisse return false; j'ai un message d'erreur avec Fin dinstruction attentue a l'affichage de la page.
Code:

1 2 <a href=\"#\" onclick=\"MenuMachine()\">" + rs.fields(0).Value + "</a>
Avec ce code, je remonte jusqu'à ma function, avec toujours cet objet blabla

02/09/2010, 13h42
E.Bzz

Citation:

Envoyé par muppetshow

J'ai essayé un peu tout, avec les " et ' mais il doit ya voir une subtilité de plus qui m'échappe.

Regarde le code de la ligne générée. En fonction de la où ça commence à bugger (il y a des chances que ton <a href> s'interrompre avant le </a>) ça te donnera une piste ...

A+
02/09/2010, 13h46
E.Bzz

Heu ... oui effectivement, il semble y avoir une confusion là

Code:

NomMachine = rs.fields(0).Value;

Tu définis une variable serveur (c'est de l'ASP ?) que tu essayes d'utiliser directement en JS (comme si c'était une variable JS) :?

Code:

var url = "MenuMachine.htas?PC=" + NomMachine;

De plus je pensais que ton <a href> était généré en dynamique (dans un document.write() ou équivalent) mais ce n'est visiblement pas le cas : tu sembles mélanger ici aussi langage serveur et client ...

A+
02/09/2010, 13h55
muppetshow

A priori, je ne pense pas qu'il y ait de confusion.

Tout est fait en javascript.
Ma ligne d'appel <href> est bien dynamique, générée à travers un document.write.

Les objets pour accéder à ma base Access etc et mes variables sont déclarées dans des balises <script language="JavaScript"> </script>

Tout est en Javascript + du html principalement dynamique sauf les quelques déclaration des iframe et listes de menu.
02/09/2010, 14h08
E.Bzz

Citation:

Envoyé par muppetshow

A priori, je ne pense pas qu'il y ait de confusion.

A lors il y a des choses pas claires :?

Pour nomMachine, quel est le fonctionnement espéré ?
Pour le <a href>, c'est que la ligne que tu nous montres est incomplète :koi:

A+
02/09/2010, 14h41
muppetshow
Alors voici un peu plus :
NomMachine est une variable globale de ma partie Javascript afin que je puisse l'utiliser partout et en particulier dans la fonction pour la création de l'url, au cas ou la fonction passée dans le setTimeout poserait des problèmes avec les " en plus de l'encadrement de la fonction elle même
Code:

1 2 contenu += "<td style=\"width: 70%;\" text-align: left;><a href=\"#\" onclick=\"MenuMachine()\">" + rs.fields(0).Value + "</a></td>"
As tu besoin de plus d'infirmations ?
02/09/2010, 14h46
E.Bzz

Citation:

Envoyé par muppetshow

As tu besoin de plus d'infirmations ?

Pour l'instant non : ça confirme juste la confusion supposée ;)

Pour que ta variable soit alimentée correctement côté Javascript, tu devrais plutôt avoir

Code:

NomMachine = "<%= rs.fields(0).Value %>";

Ainsi il s'agit bien d'une variable JS, dont la valeur est déterminée lors de la génération de la page.
Comme tu l'as écrit toi, ça supposerait que rs.fields(0).Value soit une instruction Javascript, ce qui n'est pas le cas ...

A+

Je n'ai le niveau voulu pour argumenter mais je penserai que non.
Voici la procédure complète dans laquelle est inscrite l'appel qui me pose un soucis.
C'est bien du javascript non ? :(

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
 
function AfficheProprio (UserID)
{	sqlString = "SELECT Machines.Machine, Machines.Actif FROM Machines WHERE (((Machines.IdUtilisateur)=" + UserID + ")) ORDER BY Machines.Machine;";
	contenu = "<br><table><tr><td border=\"1\"></td><td style=\"width: 50%;\" text-align: left; border=\"1\"></td><td border=\"1\" ></tr>";
	document.write (contenu);
 
	var rs=new ActiveXObject("ADODB.Recordset");
	try { rs.Open (sqlString , conn, adOpenUnspecified, adLockUnspecified); }
	catch(e)
	{	alert (sqlString); 
		alert (e.description);
		rs = null;
		return;
	}
 
	while (!rs.eof) 
	{	contenu = "<tr><td><img style=\"width: 20px; height: 20px;\" ";
		if (rs.fields(1).Value)
		{	contenu += "alt=\"Active\" src=\"../images/set.png\"";
		}
		else
		{	contenu += "alt=\"Désactivé\" src=\"../images/unset.png\"";
		}
//				contenu += "></td></td><td style=\"width: 70%;\" text-align: left;><a href=\"#\" onclick=\"parent.JeMeRemplace ('" + rs.fields(0).Value + "'); return false;\">" + rs.fields(0).Value + "</a></td><td>";
		NomMachine = rs.fields(0).Value;
				contenu += "></td></td><td style=\"width: 70%;\" text-align: left;><a href=\"#\" onclick=\"MenuMachine()\">" + rs.fields(0).Value + "</a></td><td>";
		if (rs.fields(1).Value)
		{	contenu += "<img style=\"width: 20px; height: 20px;\" alt=\"Détacher\" src=\"../images/fin.gif\" onclick=\"DetacheMachine('" + rs.fields(0).value +"')\">";
		}
		document.write (contenu + "</td></tr>");
				rs.movenext;
	}
	document.write ("</table>");
	rs.close;
	rs = null;
}

02/09/2010, 15h48
E.Bzz

Citation:

Envoyé par muppetshow

C'est bien du javascript non ?

Heuuu .... oui :calim2:

Mais ce n'est pas une utilisation ni standard, ni préconisée (ce n'est pas une critique, mais un constat).

L'utilisation du document.write() est généralement déconseillée.
L'ActiveX que tu utilises (IE only, donc) est également à risque, car ouvre la porte de la BDD au poste client.

Bref, effectivement, il n'y avait pas de mélange de langage client/serveur (puisque tout est client), mais par contre, je ne pourrai pas t'aider plus pour les erreurs que tu obtiens :(
(personnellement, je réécrirais la partie ActiveX côté serveur)

Par contre, une fois ce problème réglé, les syntaxes concernant les mises à jour de frames restent valables ;)

A+
02/09/2010, 15h51
muppetshow

OK,
Merci beaucoup néanmoins pour le temps passé :ccool:

Une dernière question alors.
Comment depuis mon iframe +2, je peux ré ouvrir ma fenêtre principale ?
Je vais essayer de me débrouiller comme ça en passant des paramètres pour le faire tomber au bon endroit ?

Merci
02/09/2010, 16h21
muppetshow
ET LA LUMIERE FUT !!!!!!!!!!!!! ..........

Voici comment ej m'en suis sorti
Code:

1 2 <a href=\"#\" onclick=\"MenuMachine()\">" + rs.fields(0).Value + "</a>
il n'aime définitivement pas quand j'ajoute le

Code:

; return false;

mais franchement je vais le laisser comme ça pour le moment ;)

avec
Code:

1 2 3 4 function MenuMachine () { parent.JeMeRemplace (NomMachine); }
et je fais tout simplement
Code:

1 2 3 4 function JeMeRemplace (Machine) { window.location.replace ("MenuMachine.htas?PC=" + Machine); }
Un GROS GROS merci à toi E.Bzz pour ton temps et tes compétences.

Honnêtement, je ne sais pas si c'est très joli ou non, mais ça va suffire à mon bonheur pour aujourd'hui :mouarf:

Encore merci
02/09/2010, 16h39
E.Bzz

Tout à fait correct :ccool:

Le seul truc c'est que je ne comprends pas ce qui empêche d'intégrer le return false;

Mais tu es sauvé par la chronologie : le changement de page entraîné par le onclick intervient avant le rechargement via le href (qui, en l'état actuel est bien appelé, ce que devait empêcher le return, mais n'a pas le temps de s'exécuter).

A+
02/09/2010, 16h46
SpaceFrog
le false est interprété par le serveur ?

Code:

<a href=\"#\" onclick=\"MenuMachine();return fa"+"lse;\">" + rs.fields(0).value + "</a>

sinon faut inverser les quotes
Code:

1 2 document.write('<a href="javascript:alert(\'href\')" onclick="MenuMachine();return false;">' +rs.fields(0).value + '</a>')
c'est quand même plus lisible...

et au passage Value => value