Discussion :

[hook85777]

Bonjour,
je tourne en rond sur un sujet qui, je pense, doit être assez simple.

Je dois réaliser un petit portail documentaire pour ma boite en HTML (en utilisant une CSS propriétaire).
PS : je fais du Cobol à l'origine donc gros débutant en Web.

Ce portail est constitué (pas de photo à cause de la confidentialité de l'entreprise) :
- d'un iframe1 contenant l'en-tête (un logo et un libellé) ;
- d'un iframe2 à gauche avec différents liens ;
- d'un iframe2 contenant les différents documents regroupés par thème.

J'ai d'abord codé l'intégralité de l'iframe3 dans un fichier HTML
Tout est nickel.

Là, je souhaiterais découper le contenu de l'iframe3 en plusieurs HTML (1 pour chaque thème)

J'arrive bien à avoir le contenu Thème1, thème2, ..., en les implémentant comme iframe mais les DIV ne s'adaptent pas au contenu des Thèmex (la div a une taille de 600x150 alors que le Thème a une taille de 600x350).
J'ai donc une barre de scroll qui s'affiche en plein milieu de ma page.

Pour résoudre mon souci, je pensais surcharger le height des div en amont de mes iframes en récupérant ses propriétés.

Mais je suis totalement perdu et je ne sais pas comment faire.

J'utilise HTML, CSS et Javascript (pas possible d'avoir du PHP, sauf si on me trouve une solution sans .htaccess ).

Existe-t-il un script pour faire ça et comment l'implémenter pour surcharger mes DIV ?

Merci pour votre aide et expertise.

[mathieu]

pouvez vous nous faire un petit exemple de code html et css pour qu'on puisse voir et tester de notre côté ?

[hook85777]

Portail.zip

[mathieu]

le souci dont vous parlez se voit dans le fichier Permanent.htm ? avec la hauteur du contenu qui change quand on clique sur le "+" ?

c'est vous qui avez mis en place toutes les pages ou alors vous travaillez sur ce qui existe déjà ?

[hook85777]

oui, je travaille sur de l'existant

le bloc "liens utiles" de iframe3 (le fichier maitre) devrait afficher l'intégralité de Pernament (pas de Scroll)

"Permanent" fait 594px alors que le div "lien utile" fait 150px.
j'aimerais que le div qui précède <iframe class="droite" src="Permanent.htm"
prenne en compte la taille de "Permanent" et s'adapte en fonction des clics sur les "+"

je sais pas si je suis assez clair.

En gros, je cherche a faire des blocs qui s'adaptent au contenu des fichiers htlm de chaque Iframe qui va composer les différents blocs de Iframe3

[mathieu]

je pense que ce n'est pas une bonne idée de rajouter une couche supplémentaire de bricolage, il vaut mieux retirer les iframes et afficher le contenu directement dans la page principale.

si vous ne pouvez pas modifier le code html de la page principale et seulement ajouter du code html, vous pouvez ajouter et retirer des balises en javascript :
https://developer.mozilla.org/fr/doc...Element/remove
https://developer.mozilla.org/fr/doc.../createElement