PB page html iframe miroir

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu PB page html iframe miroir

Message par Jean-Guillaume le Lun 8 Aoû 2011 - 12:07

Bonjour à tous.
Il y a quelques semaines j'avais fait pour mon alliance une petite page en xHTML dans le but de regrouper le forum et les differents mondes sur lesquels nous étions présent.

Il y a quelques jour, un étrange problème est survenu: la page se réimplante dans elle meme.
J'ai bien fait attention a ce que l'url du forum à afficher se termine par index.htm, mais cela ne resoud rien.

J'ai donc éssayé dans l'editeur non html (en cliquant sur le bouton dans le coin superieur gauche il me semble) mais cela n'a fait qu'éffacer mon header, mon CSS etmes codes js (oui, j'aime bien tout mettre ensemble quand je n'ai qu'une page...) que j'ai du ensuite rajouter apres etre repassé en edition normale.



Théoriquement, mon code devrait donner ceci (c'est ce que l'on obtient en cliquant sur le bouton prévisualiser):
Spoiler:

Lorsque je défini la page en tant que page d'accueil (en autorisant pas l'utilisation du haut ni du bas du forum évidemment), j'obtiens cet étrange résultat:
Spoiler:



Le forum est en PHPBB3 et j'utilise MzFfox (on voit GreaseMonkey Razz ).



Voici une partie de mon code source:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
   <title>Alliance AsA</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

   <style type="text/css">
   </style>
   
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
   </script>

   <script type="text/javascript">
            </script>

  </head>
  <body>

<!-- SOMMAIRE :
*1: header (1 div)
*2: menu gauche (1div: 1tableau 1x3 + images)
*3: infobox (2div: 1tableau (2+nbr pages)x1
               les iframes (contenues elles memes dans des div))
*5: copyrights
*6: partenaires
-->

<!-- ----- ----- *1 ----- ----- -->
<div id="header">
</div>

<!-- ----- ----- *2 ----- ----- -->
<div id="left">
</div>

<!-- ----- ----- *3 ----- ----- -->
<div id="infobox">
   <div id="infobox_top">
      <table border="1" cellpadding="0" cellspacing="0" height="47px">
         <tbody><tr>
         <td style="background-image:url('http://i29.servimg.com/u/f29/14/39/09/25/infobo10.jpg');" width="47px"> </td>
         <td width="228px">
                  <!-- FORUM -->
         <a href="#" onclick="document.getElementById('ALPHA').style.display='none';
               document.getElementById('PI').style.display='none';
               document.getElementById('FORUM').style.display='block';
               document.getElementById('BOARD').style.display='none';">
         <img src="http://i29.servimg.com/u/f29/14/39/09/25/infobo11.jpg">
         </a>
         </td>
         <td width="227px">
                  <!-- ALPHA -->
         <a href="#" onclick="document.getElementById('ALPHA').style.display='block';
               document.getElementById('PI').style.display='none';
               document.getElementById('FORUM').style.display='none';
               document.getElementById('BOARD').style.display='none';">
         <img src="http://i29.servimg.com/u/f29/14/39/09/25/infobo12.jpg">
         </a>
         </td>
         <td width="227px">
               <!-- PI -->
         <a href="#" onclick="document.getElementById('ALPHA').style.display='none';
               document.getElementById('PI').style.display='block';
               document.getElementById('FORUM').style.display='none';
               document.getElementById('BOARD').style.display='none';">
         <img src="http://i29.servimg.com/u/f29/14/39/09/25/infobo13.jpg">
         </a>
         </td>
         <td width="230px">
               <!-- ika board -->
         <a href="#" onclick="document.getElementById('ALPHA').style.display='none';
                  document.getElementById('PI').style.display='none';
                  document.getElementById('FORUM').style.display='none';
                  document.getElementById('BOARD').style.display='block';">
         <img src="http://i29.servimg.com/u/f29/14/39/09/25/infobo14.jpg">
         </a>
         </td>
         <td style="background-image:url('http://nsa20.casimages.com/img/2011/06/14/110614084833495819.jpg');" width="46px"></td></tr>
      </tbody></table>
            
   </div>
   
   <div id="infobox_center">
      <div width="100%" height="100%">
         <iframe id="ALPHA" src="http://s1.fr.ikariam.com/" style="display:none" height="652px" width="993px"></iframe>
      </div>

      <div width="100%" height="100%">
         <iframe id="PI" src="http://s16.fr.ikariam.com/" style="display:none" height="652px" width="993px"></iframe>
</div>
      <div width="100%"" height="100%">
         <iframe id="FORUM" src="http://amazonsalliance.forum-actif.net/index.htm" height="652px" width="993px"></iframe>
      </div>

      <div width="100px" height="100px">
         <iframe id="BOARD" src="http://board.fr.ikariam.com/" style="display:none" height="652px" width="993px"></iframe>
      </div>
   </div>
   
</div>

<!-- ----- ----- *4 ----- ----- -->

<!-- ----- ----- *5 ----- ----- -->
<div id="copyrights">
   <p></p>
                <a href="http://www.forumactif.com" target="_blank">forumactif.com</a>
   <p></p>
</div>

<!-- ----- ----- *6 ----- ----- -->

<!-- ////////// END ////////// -->

  </body>
</html>

Toutes mes balises sont fermées.
Pour moi, le probleme survient dans la partie "infobox center".
Vous remarquerez pourtant dans l'iframe avec l'id "FORUM" que l'url se termine bien pas index.htm.
Il n'y a que l'onglet du forum qui ait un probleme.


Je vous laisse la partie CSS et le code js que j'ai enlevé meme si je pense que ça ne sert à rien...
Spoiler:
CSS
Code:

body{
background-image:url("http://i29.servimg.com/u/f29/14/39/09/25/backgr10.jpg");
background-repeat:repeat;
}

table, tr, td, th {
border:0;
}

img { border : none; }

a img{
border: none; /* Pas de bordure */
}

a{
border: none; /* Pas de bordure */
color:black;
}

#header{
position:absolute;
top:5px; left:5px;
height:215px; width:255px;
text-align:center; font-size:50px;
margin-top:5px; margin-bottom:5px;
}

#left{
position:absolute;
top:240px; left:5px;
/* text-align:center; */
width:255px; height:345px;
padding:30px;
background-image:url("http://nsa20.casimages.com/img/2011/06/14/110614064917899914.png");
background-repeat:no-repeat;
}

/*
#left_top{
top:0px;
height:37px; width:100%;
background-image:url("http://nsa20.casimages.com/img/2011/06/14/110614064917899914.png");
background-repeat:no-repeat;
}

#left_bcg{
background-image:url("http://nsa19.casimages.com/img/2011/06/14/mini_110614090808967402.png");
background-repeat:repeat;
top:37px; bottom:32px;
width:100%;
}

#left_bottom{
height:32px; width:100%;
background-image:url("http://nsa20.casimages.com/img/2011/06/14/mini_110614090840836100.png");
background-repeat:no-repeat;
bottom:0px;
}
*/

#infobox{
position:absolute;
top:5px; left:260px;
height:701px; width:1000px;
}

#infobox_top{
width:100%; height:46px;
text-align:center;
}

#infobox_center{
width:100%; height:655px;
background-image:url("http://i29.servimg.com/u/f29/14/39/09/25/backgr12.jpg");
text-align:center;
}

#copyrights{
position:absolute;
top:715px; left:260px; bottom:10px;
/*width:49%; */height:45px; width:1000px;
background-image:url("http://i29.servimg.com/u/f29/14/39/09/25/backgr11.jpg");
text-align:center; font-size:10px;
border-color:rgb(137,92,69); border-width:1px; border-style:solid;
}

/*
#partenaires{
position:absolute;
top:835px; bottom:10px; right:5px;
height:120px; width:49%;
text-align:center; font-size:10px;
}

#partenaires_ligne1{
position:absolute;
top:0px;
width:100%; height:55px;
background-image:url("http://i29.servimg.com/u/f29/14/39/09/25/backgr11.jpg");
}

#partenaires_ligne2{
position:absolute;
bottom:0px;
width:100%; height:55px;
background-image:url("http://i29.servimg.com/u/f29/14/39/09/25/backgr11.jpg");
}
*/
JS
Code:
   <script type="text/javascript">
      function refresh(){
      document.getElementById('chatboxpop').src="http://amazonsalliance.forum-actif.net/chatbox/index.forum?";
      //document.getElementById('connectbox_lasttopic').src="";
      }

   setInterval("refresh()", 150000);

   

// ------------------------------------------------------------------------------
// bouton CB
// ------------------------------------------------------------------------------

jQuery(document).ready(function(){ jQuery('body').append('<table style="position: fixed; bottom: 20px; left: 0px;background-color: #TRANS;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 700px; height: 200px; display: none;"marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://nsa19.casimages.com/img/2011/06/15/110615113625847765.png" onClick="document.getElementById(\'chatboxpop\').style.display=(this.src==\'http://nsa19.casimages.com/img/2011/06/15/110615113625847765.png\')?\'block\':\'none\';this.src=(this.src==\'http://nsa19.casimages.com/img/2011/06/15/110615113625847765.png\')?\'http://nsa20.casimages.com/img/2011/06/15/110615114402352929.png\':\'http://nsa19.casimages.com/img/2011/06/15/110615113625847765.png\';"/></td></tr></table>'); } ); jQuery(document).ready(function() { jQuery('body').append('<div style="position: fixed; bottom: 50px; height: 200px; left: 0px; z-index:10000;"><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="yes" style="width: 700px; height: 200px; display: none; float:left;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},2000);jQuery(\'#chatboxopen,#chatboxclose\').toggle();"style="float:left"><img src="http://moe.mabul.org/up/moe/2010/02/12/img-080019tynbm.png" id="chatboxopen"/><img src="http://nsa20.casimages.com/img/2011/06/15/110615114402352929.png" id="chatboxclose" style="display:none;"></div></div>');});
      </script>

Merci de votre aide
JG


EDIT:
Je viens de voir ce topic http://forum.forumactif.com/t311457-probleme-lien-redirigeant-sur-forum
Je ne sais pas vraiment si c'est le meme probleme, mais en tous cas, ça ne fonctionne pas.


Dernière édition par Jean-Guillaume le Mer 24 Aoû 2011 - 15:02, édité 3 fois

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Ea le Mar 9 Aoû 2011 - 2:18

Bonjour,


Dans votre code vous affichez la page d'accueil en iframe, cela fonctionne quand la page d'accueil est l'index, mais quand vous mettez la page html comme page d'accueil, vous affichez dans la page html la page html dans laquelle est affichée la page html, dans laquelle est affichée la page html et ainsi de suite jusqu'à l'infini.

Si vous voulez garder la page d'index dans l'iframe vous pouvez y mettre comme adresse :

Code:
http://amazonsalliance.forum-actif.net/forum

Ea
Aidactif
Aidactif

Messages : 23420
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Jean-Guillaume le Mar 9 Aoû 2011 - 14:03

Bonjour et merci a vous de votre intervention.
Toutefois...

@Jean-Guillaume a écrit:
EDIT:
Je viens de voir ce topic http://forum.forumactif.com/t311457-probleme-lien-redirigeant-sur-forum
Je ne sais pas vraiment si c'est le meme probleme, mais en tous cas, ça ne fonctionne pas.

Donc remplacer /index.htm par /forum ne resoud rien.

JG

EDIT:
Ma page a tres bien fonctionnée pendant plusieurs semaines et depuis peu ce n'est plus le cas.
Je me demande donc ce qui a été modifié de votre coté...

EDIT2:
A present, lorsque je prévisualise, je vois ma page qui s'implante en elle meme (comme le 2d spoiler) et c'est ce qui ressort lors de la validation.

EDIT3:
Le /forum redirige vers la page d'accueil, c'est a dire, dans l'ordre de priorité:
- pageHTML.htm
- portal.htm
- index.htm
Si il y a une page définit en tant que page d'accueil, elle sera affichée lors de la requete vers l'url www.monforum.chezFA.com/ ou www.monforum.chezFA/forum. S'il n'y en a pas, le navigateur affichera le portail ou bien l'index s'il n'y a pas de portail activé...

Bon, apres mon EDIT2, je replace index.htm (puisque /forum ne fonctionne pas, comme expliqué la phrase d'avant) et je prévisualise le rendu. La page fonctionne. Je valide donc et définit ma page en tant que page d'accueil. Surprise, ca n'affiche pas la meme chose que la prévisualisation.
Donc pour moi le titre de ce topic était juste mais à completer:
PB page html (1)difference entre previsualisation et resultat && (2)iframe miroir
(Enfin bon, pas de soucis, c'est juste pour montrer qu'il n'y a pas qu'un probleme de redirection, mais aussi un pb lors de l'application)

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Jean-Guillaume le Mer 10 Aoû 2011 - 14:38

up :/

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par xFearless le Mer 10 Aoû 2011 - 19:38

Salut je suis dans le même soucis que toi et même avec le /forum ou /index.html la redirection marche pas vers mon forum , elle affiche encore et toujours la page d'accueil dont je n'arrive pas a partir ...

xFearless
Nouveau membre

Messages : 5
Inscrit(e) le : 30/07/2011

http://fucklamerveille.forumgratuit.org/
xFearless a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Jean-Guillaume le Ven 12 Aoû 2011 - 23:15

up !

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Jean-Guillaume le Lun 15 Aoû 2011 - 22:36

up !
J'ai modifié le titre du topic.

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Jean-Guillaume le Mar 16 Aoû 2011 - 16:37

up !

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Jean-Guillaume le Mer 17 Aoû 2011 - 11:47

up !

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Ea le Mer 17 Aoû 2011 - 12:00

Hum, si je mets dans une page html :

Code:
<iframe src="http://testiframe.123.st/" style="width:100%; height: 80%"></iframe>
Je vois bien la même chose à la prévisualisation qu'en ouvrant la page http://testiframe.123.st/h1-

Si vous avez le problème du premier message, c'est parce que vous avez du cocher :

Code:
Utiliser cette page en tant que page d'accueil ?
Donc à l'enregistrement vous changez la page d'accueil et la page d'accueil n'est plus la même ( ce qui est le comportement attendu, changer quelque chose le fait changer ).

Si je mets en page d'accueil :

Code:
<iframe src="http://testiframe2.123.st/forum" style="width:100%; height: 80%"></iframe><br /><br />
<a href="http://www.forumactif.com" target="_blank">forumactif.com</a>
C'est bien ce que j'avais en prévisualisant également... => http://testiframe2.123.st/

Évidemment si vous changez le Utiliser cette page en tant que page d'accueil ? sans valider, la prévisualisation ne va pas créer un forum temporaire avec une autre page d'accueil que celle qu'il y a au moment de la prévisualisation.

Ea
Aidactif
Aidactif

Messages : 23420
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Jean-Guillaume le Jeu 18 Aoû 2011 - 1:27

En effet, c'est un raisonnement qui me semble correct Mad
Je remodifie le titre de mon topic et signal que mon pb concernant l'iframe qui se répète en elle meme est toujours persistant.

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Jean-Guillaume le Ven 19 Aoû 2011 - 12:17

up

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Jean-Guillaume le Sam 20 Aoû 2011 - 22:54

Up !

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Jean-Guillaume le Dim 21 Aoû 2011 - 12:31

up Sad

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Ea le Dim 21 Aoû 2011 - 12:51

Et bien http://testiframe2.123.st/ je n'ai pas le problème.

Si vous mettez votre page html en page d'accueil, vous devez mettre comme src pour afficher l'index du forum en iframe ceci :

=> http://amazonsalliance.forum-actif.net/forum

Si l'index du forum est en page d'accueil vous pouvez mettre ceci comme src :

=> http://amazonsalliance.forum-actif.net/

Mais d'après mes tests il n'y a pas de problème en faisant ainsi, si vous avez un problème pouvez-vous donner l'adresse de la page html en question ?

Ea
Aidactif
Aidactif

Messages : 23420
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PB page html iframe miroir

Message par Jean-Guillaume le Mar 23 Aoû 2011 - 0:38

Bonjour et merci de votre réponse.
L'adresse de la page html est http://amazonsalliance.forum-actif.net/h4-pageasa

Lorsque je défini cette page en tant que page d'accueil, j'ai beau utiliser /forum, ça ne fonctionne pas.
Code:
<div width="100%"" height="100%">
         <iframe id="FORUM" src="http://amazonsalliance.forum-actif.net/forum" height="652px" width="993px">
            Your browser does not support iframes.</br>
            <a href="http://www.mozilla-europe.org/fr/" title="Instal a new browser: Mozilla Firefox.">Clic here omg!</a>
         </iframe>
      </div>

C'est vraiment étrange comme problème Mad

EDIT:
WTF !
J'ai essayé avec le /forum tous les jours avant de faire un petit up de mon topic et aujourd'hui, ca fonctionne. Je ne comprend vraiment pas. Peut etre que la maj rescente y est pour qqc ?

Enfin bon, merci à vous. Je ferme de topic demain ou apres demain pour etre certain que ca ne "foire" pas a nouveau...

Jean-Guillaume
***

Masculin
Messages : 180
Inscrit(e) le : 31/07/2008

http://nowhere.chezFA.com
Jean-Guillaume a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum