Problème d'iframe dans un onglet (avec firefox)

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

Résolu Problème d'iframe dans un onglet (avec firefox)

Message par Tsubasa~ le Sam 2 Juin 2012 - 2:07

Bonjour, bonsoir~

Je vais essayer d'exposer mon problème le plus clairement possible. x)

J'ai créé une page html grâce à la fonction "gérer les pages html" et j'y ai mis un système d'onglets basique. Jusque là tout fonctionne très bien.

Néanmoins, j'ai voulu intégrer un iframe dans un des onglets. Cet iframe contient lui aussi un système d'onglet (différent du premier). Seuls, les codes fonctionnent très bien mais dès que je tente de les intégrer avec l'iframe dans ma première page html, ça ne fonctionne plus (sauf quand je met le code iframe dans le premier onglet "index" cela fonctionne, mais pas dans les autres -géographie, histoire, culture, bestiaire- ê_e)

Alors voici la page html principale: http://rainless.forumsrpg.com/h2-encyclopaedia

Et voici l'autre page html que je voudrais insérer grâce à un iframe: http://rainless.forumsrpg.com/h3-faune

Voilà, j'espère avoir été claire~
Merci d'avance à la ou les personnes qui se pencheront sur mon problème. (:


Dernière édition par Tsubasa~ le Dim 3 Juin 2012 - 16:44, édité 2 fois

Tsubasa~
**

Féminin
Messages : 59
Inscrit(e) le : 16/03/2010

http://tokyo-liar-game.forum-actif.net/
Tsubasa~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'iframe dans un onglet (avec firefox)

Message par Tsubasa~ le Dim 3 Juin 2012 - 12:50

Petit up (:

Tsubasa~
**

Féminin
Messages : 59
Inscrit(e) le : 16/03/2010

http://tokyo-liar-game.forum-actif.net/
Tsubasa~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'iframe dans un onglet (avec firefox)

Message par Ea le Dim 3 Juin 2012 - 12:56

Bonjour,


Donc vous mettez h3 en tant qu'iframe dans h2 ?

Je ne vois pas de problème en le faisant, vous n'avez qu'à ajouter un truc du style :

Code:
<iframe src="http://rainless.forumsrpg.com/h3-faune" style="width:100%; height:400px ;border:0"></iframe>
Non ?

Cordialement.

Ea
Aidactif
Aidactif

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

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

Résolu Re: Problème d'iframe dans un onglet (avec firefox)

Message par Tsubasa~ le Dim 3 Juin 2012 - 14:58

Bonjour et merci pour cette réponse :')
Alors pour bien montrer le bug j'ai installé l'iframe dans le dernier onglet (bestiaire) , et comme on peut le constater, les onglets de l'iframe ne fonctionnent pas. Donc voilà mon problème x)

Tsubasa~
**

Féminin
Messages : 59
Inscrit(e) le : 16/03/2010

http://tokyo-liar-game.forum-actif.net/
Tsubasa~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'iframe dans un onglet (avec firefox)

Message par Ea le Dim 3 Juin 2012 - 15:04

Chez moi ça fonctionne sans problème, en fait un iframe ne devrait pas subir d'effet de la page qui le contient ( enfin en ayant le même domaine comme ici ce serait possible avec du javascript, mais il faut le faire exprès =p ).

Cela fonctionne avec d'autres navigateurs ( ou pour d'autres personnes avec firefox ) ?

Cordialement.

Ea
Aidactif
Aidactif

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

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

Résolu Re: Problème d'iframe dans un onglet (avec firefox)

Message par Tsubasa~ le Dim 3 Juin 2012 - 15:29

Ah effectivement avec google chrome cela fonctionne ! J'avais complètement oublié de vérifier sur d'autres navigateurs >__<

Mais par contre je comprend pas du tout pourquoi firefox ne lis pas le code chez moi. C'est assez embêtant.~
Edit: pas que chez moi apparemment x)

Tsubasa~
**

Féminin
Messages : 59
Inscrit(e) le : 16/03/2010

http://tokyo-liar-game.forum-actif.net/
Tsubasa~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'iframe dans un onglet (avec firefox)

Message par Ea le Dim 3 Juin 2012 - 16:17

Ah oui, j'ai essayé sur firefox et le script à l'air de mettre une hauteur de 0 aux éléments même affichés :
http://i.imgur.com/0pWnB.png

En regardant le code, la hauteur est déterminée au départ pour chaque "contenu" avec :

Code:
    if(d.style.display != "none" && d.style.display != "") {
      return d.offsetHeight
    }
    o = d.style.display;
    d.style.display = "block";
    v = parseInt(d.offsetHeight);
    d.style.display = o;
    return v
Donc si il est affiché on prend la taille, sinon on l'affiche on prend la taille et on le re-cache, mais j'imagine que dans firefox vu que ça se trouve dans un truc caché, la taille donnée quand on l'affiche est 0.

À mon avis il faudrait changer :

Code:
<span class="onglet_0 onglet" id="onglet_drh4" onclick="javascript:change_onglet('drh4');">Bestiaire</span>
En :

Code:
<span class="onglet_0 onglet" id="onglet_drh4" onclick="javascript:change_onglet('drh4');window.frames[0].accordeon()">Bestiaire</span>
Dans le cas où l'iframe serait la première iframe de la page ( sinon il faudrait [1] si c'était la deuxième et ainsi de suite ).

Et dans http://rainless.forumsrpg.com/h3-faune retirer le :

Code:
 onload="new Accordian('basic-accordian',5,'header_highlight');"
Et ajouter avant </head> :

Code:
<script type="text/javascript">
  var accordeon= function(){
    new Accordian('basic-accordian',5,'header_highlight');
    accordeon= function(){};
  };
</script>
De cette manière là, l'accordéonatisation devrait être réalisée quand l'onglet est affiché pour la première fois ( et ça devrait aller mieux pour firefox )

Cordialement.

Ea
Aidactif
Aidactif

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

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

Résolu Re: Problème d'iframe dans un onglet (avec firefox)

Message par Tsubasa~ le Dim 3 Juin 2012 - 16:44

Ça marche parfaitement *___*
Au départ j'ai cru que je n'y arriverai jamais donc vraiment: merci beaucoup pour cette aide précieuse ♥

Tsubasa~
**

Féminin
Messages : 59
Inscrit(e) le : 16/03/2010

http://tokyo-liar-game.forum-actif.net/
Tsubasa~ 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