Problème redimensionnement iframe

[Slimouz]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à vous l'équipe du forum des forums ! Me voilà confronté à un problème qui nous fais nous arracher les cheveux au sein de l'équipe !

Alors voilà, nous avons créé une page HTML que nous souhaitons intégrer au forum via un "iFrame" cependant, nous sommes confrontés à un probleme.

En effet, il nous impossible de trouver une solution pour rendre le redimensionnement du dit Iframe automatique. Nous avons établi que la largeur de la page html faisait 550px, notre problème survint lorsque l'on essaie de rendre automatisé le redimensionnement de la hauteur.

Code:

<iframe src="https://op-refresh.forumactif.com/h2-ft-momo" height="1050px" width="550px" frameborder="0" scrolling="no"></iframe>

lorsque le code est affiché de cette manière, nous obtenons ceci :

https://prnt.sc/ti57ye


Mais si l'on essaie de mettre un "auto" a la place de "1050px"

Code:

<iframe src="https://op-refresh.forumactif.com/h2-ft-momo" height="auto" width="550px" frameborder="0" scrolling="no"></iframe>

l'on obtient un truc comme ça https://prnt.sc/ti56zo

je n'ai pas vu de sujet associé à notre problème sur le forum des forums, mais si c'était le cas, je tiens à m'en excuser.

Dans l'idée, ce qu'on voudrait serait un code qui, automatiquement, redimensionne le iframe directement aux dimensions de la page html d'origine

[chattigre]

Bonjour,
Pour la largeur, user et abuser du width="100%" qui va ajuster la largeur au conteneur pour occuper toute la place.
Parce que je vous raconte pas le résultat sur mobile

Pour la hauteur, bon courage, la valeur auto ne permet pas de prendre la hauteur de la page intégrée .
Et c'est quelque chose d'impossible ^^
Ou presque... Il y a quelques tutos plus ou moins clairs qui expliquent une méthode ou une autre, je vous laisse chercher quelque chose qui vous semble bien .

Après, si votre page a toujours le même contenu ou presque, il faut ruser par le CSS en fonction des largeurs d'écrans, vous déterminez la hauteur nécessaire pour les différentes largeurs, c'est un peu long, mais possible...

[Slimouz]

Merci pour ta réponse, donc il n'existe aucun moyen de rendre automatique le redimensionnement de la hauteur ?

[chattigre]

A - Pour la hauteur, bon courage, la valeur auto ne permet pas de prendre la hauteur de la page intégrée .
Et c'est quelque chose d'impossible ^^
Ou presque... Il y a quelques tutos plus ou moins clairs qui expliquent une méthode ou une autre, je vous laisse chercher quelque chose qui vous semble bien .

B - Après, si votre page a toujours le même contenu ou presque, il faut ruser par le CSS en fonction des largeurs d'écrans, vous déterminez la hauteur nécessaire pour les différentes largeurs, c'est un peu long, mais possible...

B - Qu'en est-il du contenu de votre page ?

A - Avez-vous trouvé un quelconque tutoriel ?
C'est possible en passant par un peu de Javascript, et vous trouverez des solutions plus ou moins faciles sur internet  
Une fois que vous aurez fait votre choix, n'hésitez pas si vous avez besoin d'aide

[Slimouz]

Pour ce qui est du contenu de la page, comme vous avez pu le voir dans le 1er screen donné elle sera plus ou moins comme ça, cependant avec l'ajout de nouvelles techniques celle-ci ne fera que s'agrandir d'où la nécessité de trouver un truc pour redimensionner automatiquement.

J'ai bien cherché des tutoriels sur internet, cependant tout ceux qui contenaient du Javascript se résolvaient par un "flop total" du genre qui affiche le script java en texte brut sous la code du Iframe sans pour autant faire quoi que ce soit niveau redimensionnement

[chattigre]

J'ai bien cherché des tutoriels sur internet, cependant tout ceux qui contenaient du Javascript se résolvaient par un "flop total" du genre qui affiche le script java en texte brut sous la code du Iframe sans pour autant faire quoi que ce soit niveau redimensionnement

Peut-on avoir un exemple de code et de comment vous avez tenté de l'insérer ?

[Slimouz]

Voici le lien du forum sur lequel j'ai trouvé le code https://stackoverflow.com/questions/9975810/make-iframe-automatically-adjust-height-according-to-the-contents-without-using

Mais lorsque j'installe le javascript et le code convenu, toute la boite de message explose littéralement haha

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.