Redirection dans une iframe

Version imprimable

10/07/2006, 20h48
GarGamel55

Redirection dans une iframe
Bonsoir,

Mon site comporte une iframe dans lequel est appelé des pages du style http://www.mes-instants-gourmands.com/fiche.php?id=1 à partir du menu de mon index.

Si ma page http://www.mes-instants-gourmands.com/fiche.php?id=1 est appelé directement depuis le client j'ai mis une redirection qui la renvoie vers l'index :
Code:

1 2 3 4 5 6 <SCRIPT LANGUAGE="JavaScript"> if (parent.frames.length < 1) { document.location.href = 'http://www.mes-instants-gourmands.com/index.php'; } </SCRIPT>
Mais du coup je me retrouve avec la page d'accueil qui s'affiche dans l'iframe et non la page initialement demandée.

Comment puis-je faire pour que ma fiche se redirige vers l'index et se réouvre dans la frame ?
Tout ça pour que le visiteur ait accès au menu et autres fonctions de mon site

J'espère avoir été clair :cfou:

Merci

Garg
10/07/2006, 22h15
Biglo

Ca devrait aller mieux ainsi :

Code:

parent.document.location.href = 'http://www.mes-instants-gourmands.com/index.php';

Mais j'avoue ne pas avoir tout saisi :D
11/07/2006, 19h11
GarGamel55

Merci,

mais ça n'a pas résolu mon problème.

Pour être plus clair, je veux que ma page http://www.mes-instants-gourmands.com/fiche?id=18 quand elle est appelé directement s'ouvre dans la frame prévu à cet effet de mon index. :roll:

J'ai trouvé ce script :

Dans mon index :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript">
var page = "accueil.php";	// page par défaut chargée dans l'iframe
var req = window.location.search ;
if (req) {
	req=req.substring(1) ;
	req = unescape(req) ;
    eval(req);
}
 
function Iframe_url() {
	window.document.frames['central'].location=page;
}
</script>

Dans la page qui s'affiche par défaut dans la frame :

Code:

1
2
3
4
5
<script Language="javascript">
req="page='accueil.php';";
req = escape(req);
if (parent.frames.length==0) window.location.href="index.php?" + req;
</script>

Et enfin dans ma page qui est appelé directement

Code:

1
2
3
4
5
<script Language="javascript">
req="page='fiche.php?';";
req = escape(req);
if (parent.frames.length==0) window.location.href="index.php?" + req;
</script>

Ma page se recharge bien là où il faut mais du coup je "perds" ma variable id
Comment puis je faire pour éviter cela ???

Je la récupérais comme celà :

Code:

1
2
3
4
<?php
$id=$_GET['id'];
$reponse=mysql_query("SELECT * FROM fiche WHERE id='$id'") or die (mysql_error());
$donnees=mysql_fetch_array($reponse);

Salut,

Citation:

Envoyé par Biglo

Ca devrait aller mieux ainsi :

Code:

parent.document.location.href = 'http://www.mes-instants-gourmands.com/index.php';

Mais j'avoue ne pas avoir tout saisi :D

Je ne suis pas du tout convaincu car si on arrive directement sur la page, il n'existe pas de "parent" ! Pour moi, "document" était très bien.

J'ai rencontré ce pb une fois quand j'utilisais encore des frames et qu'on accédait à la page directement depuis google. Mais j'ai tout viré parce que les frames c'est "Paaaaaas bbiiiiieeeeeennnn" :nono: et que si on utilise du SSI ou des includes en php et du CSS, on obtient des banières, menus et pieds de page très légers et faciles à modifier.

Enfin, bref, ma solution était, en cas de redirection, de fournir directement en paramètre à ma page index, le nom de la page en cours.

exemple : tu arrives directement sur fiche.php, donc t'as pas le menu puisqu'il est dans le "parent" (d'où l'intéret de ne pas utiliser de frame)
=> tu redirige vers index et tu fournis en GET, le nom de la page à afficher (fiche.php)
Dans le style
Code:

1 2 3 4 5 if (parent.frames.length < 1) { document.location.href = 'http://www.mes-instants-gourmands.com/index.php?page=' + [nom de la page en cours]; //ici [nom de la page en cours] devra être récupérée et sera égale à "fiche.php?id=1" }
Sur ta page "index", tu regarde s'il existe une variable "page" dans le GET. Si' oui, c'est une redirection et tu recharge ton iframe avec la bonne page :)
Si les caractères "?" et "&" posent pb (certainement d'ailleurs), tu les remplace avant de les envoyer à index qui le remettra en place.
par ex "?" deviendra "$" et "&" deviendra "!"
Ainsi ta redirection envoie "index.php?page=fiche.php$id=1!id2=5..."

index détecte qu'il faut recharger la page fournie plutot que accueil, remplace les caractères pour obtenir
page = "fiche.php?id=1&id2=5";
et remplace la page de l'iframe
iframe.location.href = page;

:wink:

Bon, voici le code quasi complet (j'ai pas traité les problèmes de caractère autres que ceux ennoncés plus haut)
Met ce bout de code dans une librairie de code JS. Il sera ainsi appelé de toutes les pages nécessitant un rechargement sans devoir l'inclure partout.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
// Personellement j'aurais plutot testé l'url de parent car 
// si ta page est appelée depuis un site qui affiche dans une frame (comme la recherche d'images de Google), c'est raté
if (parent.frames.length < 1)
{
     // Récupération du chemin de la page et de ses paramètres
     Chemin = window.location.pathname;
     Param =  window.location.search;
 
     //Remplacement des caractères
     Param.replace("?", "$");
     Param.replace("&", "!");
 
     // Construction du chemin complet
     UrlPage = Chemin + Param;
 
     //Redirection
     document.location.href = 'http://www.mes-instants-gourmands.com/index.php?page=' + UrlPage;
}

Dans index uniquement :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
// Si "search" n'est pas vide c'est que l'on vient d'une redirection
if(window.location.search <> "")
{
     Redir = window.location.search;
     // Nettoyage
     Redir.replace("?page=", "");
     Redir.replace("$", "?");
     Redir.replace("!", "&");
 
     // Modif de l'iframe (syntaxe approximative)
     document.MonIFrame.location.href = Redi;
}

On doit pouvoir optimiser les remplacement par des expressions régulières mais je ne les maitrise pas bien en php et encore moins en Javascript.

:wink:

Merci pour ton temps ! :hola:

Mais là je t'avoue que je galère .... j'ai donc supprimé le code que j'avais mis en place avant

J'ai donc créer un fichier redi.js que j'ai mis à la racine de mon site
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 if (parent.frames.length < 1) { // Récupération du chemin de la page et de ses paramètres Chemin = window.location.pathname; Param = window.location.search; //Remplacement des caractères Param.replace("?", "$"); Param.replace("&", "!"); // Construction du chemin complet UrlPage = Chemin + Param; //Redirection document.location.href = 'http://www.mes-instants-gourmands.com/index.php?page=' + UrlPage; }
Puis dans mon index j'ai mis
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script language="javascript"> // Si "search" n'est pas vide c'est que l'on vient d'une redirection if(window.location.search <> "") { Redir = window.location.search; // Nettoyage Redir.replace("?page=", ""); Redir.replace("$", "?"); Redir.replace("!", "&"); // Modif de l'iframe (syntaxe approximative) document.MonIframe.location.href = Redi; } </script>
Dans la dernière ligne MonIframe correspond au nom de celle-ci .
Ex : central, ?

Je reviens à chaque fois sur l'index avec ma page d'accueil et pas la fiche demandé

Edit : j'ai cette adresse qui s'affiche dans la barre d'ie

Citation:

http://www.mes-instants-gourmands.co...che.php?id=229

14/07/2006, 21h41
Ricou13

Salut,

En fait, je n'ai jamais utilisé d'Iframe, donc je ne sais pas comment les manipuler mais je suppose que c'est come des frame standard.

Il faut que tu mettes la même instruction que lorsque tu modifies le contenu de ton Iframe depuis un lien de ton menu
14/07/2006, 21h48
GarGamel55

En l'occurence

c'est <a href="fiche.php?id=222" target="central">

donc ca devrait être

Code:

document.central.location.href = Redi;

?
14/07/2006, 22h02
Ricou13

Attends, tu utilises un Iframe ou un frameset classique ?
Dans le 2eme cas fais péter le frameset

une iframe et j'ai essayé ça :
Code:

1 2 // Modif de l'iframe (syntaxe approximative) document.frames['central'].location.href = Redi;
mais toujours pas
:cry:

14/07/2006, 22h30
Ricou13

Ca commence à me revenir. Effectivement c'est plutot quelque chose de ce genre.
Pour tes essais, tu peux aussi créer un simple lien

Code:

<a href="Javascript:document.frames['central'].location.href = Redi;"...>

En fixant une valeur à Redi en Js sur la même page.

Quand j'utilisais un frameset local, il fallait que je "remonte" dans ma structure de frame pour, ensuite, redescendre dans la frame concernée.

Dans ton cas, le Iframe est plutot comme un div, non ?
14/07/2006, 22h35
GarGamel55

Oui
voici le code de l'iframe

Code:

<td width="549" rowspan="5" valign="top"><iframe src="accueil.php" name="central" width="100%" marginwidth="3" height="100%" marginheight="3" style="border-style:groove" align="middle" scrolling="auto" frameborder="0"></iframe>

j'ai placé le script entre les balises <head> c'est bien là ?
14/07/2006, 22h55
Ricou13

Citation:

Envoyé par GarGamel55

j'ai placé le script entre les balises <head> c'est bien là ?

Par exemple mais faudrait lancer le code après le chargement de la page ou, du moins, après les ligne de création de l'iframe. Sinon le code ne peut modifier un élément qui n'existe pas encore.

J'ai fait des recherches sur les iframes pour savoir comment les utiliser.
Bref j'ai réussi à modifier le contenu avec ceci

Code:

document.getElementById('MonIframe').src = Redi;

Cela implique d'ajouter un id à l'iframe
14/07/2006, 23h21
GarGamel55

Merci encore pour ton travail ..

J'ai donné à l'iframe l'id "central", j'ai placé le script après ma balise </iframe>

enfin j'ai remplacé la derniere du ligne du code par

Code:

document.getElementById('central').src = Redi;

Mais c'est toujours ma page accueil qui se charge.

Y aurait t il pas un code à mettre dans ma page accueil pour lui de se charger uniquement par défaut ?
14/07/2006, 23h25
Ricou13

Ta page est en ligne ?
14/07/2006, 23h28
GarGamel55

oui

http://www.mes-instants-gourmands.com/fiche.php?id=229
14/07/2006, 23h39
Ricou13

Je remarque 2 choses :

1 - L'URL qui est reconstruite contient des caractères qui ne devraient pas y être :

http://www.mes-instants-gourmands.com/index.php?page=/fiche.php?id=229

2 - L'id que tu as mis sur ton iframe est "central " (y a un espace de trop)
14/07/2006, 23h47
Ricou13

Dans le javascript de redirection (redi.js), tu peux ajouter

Code:

alert(UrlPage);

juste avant la redirection ?
14/07/2006, 23h51
GarGamel55

j'ai corrigé l'id de l'iframe,

J'ai mis alert(UrlPage); dans la fichier redi

je ne trouve toujours pas !! 8O
15/07/2006, 00h01
Ricou13
Un bug trouvé :

Ce n'est pas

Code:

if(window.location.search <> "")

mais

Code:

if(window.location.search != "")

Ca devrait résoudre le traitement de la redirection

Ensuite ajoute
Code:

1 2 alert("Chemin = -" + Chemin + "-"); alert("Param = -" + Param + "-");
juste après leurs création (il doit y avoir une c... dans le potage sur Param)
15/07/2006, 00h05
GarGamel55

J'ai des erreurs qui apparaissent
15/07/2006, 00h16
Ricou13

On va essayer de regler un point à la fois :
On commence par le traitement de la redirection :

Tu utilises

Code:

document.getElementById('central').src = Redi;

Alors que ta variable s'appelle "Redir"

On verra le pb des replace qui semble ne pas fonctionner, après
15/07/2006, 00h19
GarGamel55

Citation:

Envoyé par Ricou13

On va essayer de regler un point à la fois :
On commence par le traitement de la redirection :

Tu utilises

Code:

document.getElementById('central').src = Redi;

Alors que ta variable s'appelle "Redir"

On verra le pb des replace qui semble ne pas fonctionner, après

Hop ça c'est reglé, la redir marche la page d'accueil ne s'ouvre plus.

Pour la construction de la chaine dans redi.js, ça m'apprendra à faire du code de tête et en ne faisant que des tests de base.
Faut dire que je réflechis en Php pour écrire du Javascript. Certes c'est proche mais y a qd même des différences qu'il ne faut pas négliger.

Remplace dans redi.js
Code:

1 2 3 4 5 6 7 8 // Récupération du chemin de la page et de ses paramètres Chemin = window.location.pathname; Param = window.location.search; //Remplacement des caractères Chemin = Chemin.substr(1); Param = Param.replace("?", "$"); Param = Param.replace("&", "!");
Et ajoutes une alert(Redir); juste avant la modification du src de l'iframe

15/07/2006, 00h37
GarGamel55

Modif apportées.

toujours des soucis, mais je le sent ça vient bon lol :aie:
15/07/2006, 00h37
Ricou13

Effectivement les replace dans le traitement de la redirection doivent donc, aussi, être corrigé en ajoutant "Redir = Redir.replace..."
15/07/2006, 00h48
GarGamel55

:lahola: :ave:

c'est BONNNNNNNNNNNNNNNNNN

Je te remerciement sincèrement du temps que tu m'as consacré !

Bonne continuation

Garg
15/07/2006, 00h49
Ricou13

Ben voilà, on y est arrivé :yaisse:

Petite remarque de design : sur les liste de recettes, change la couleur des liens plutôt que de changer la taille parce que ça génére des "tremblement" à l'affichage.
15/07/2006, 00h51
GarGamel55

Citation:

Envoyé par Ricou13

Ben voilà, on y est arrivé :yaisse:

Petite remarque de design : sur les liste de recettes, change la couleur des liens plutôt que de changer la taille parce que ça génére des "tremblement" à l'affichage.

Ok ca doit peut être venir de firefox ?
Je ferai la modif dans les prochains jours !

Merci ;)