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

[Tsubasa~]

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. (:

[Tsubasa~]

Petit up (:

[Ea]

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.

[Tsubasa~]

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)

[Ea]

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.

[Tsubasa~]

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)

[Ea]

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 :
https://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.

[Tsubasa~]

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