iframe height en javascript
Forum Programmation : iframe height en javascript
Salut je cherche comment faire pour que mon iframe s'ajuste automatiquement à la fenêtre. Je sais que les codes "height="100%" ne fonctionnent pas et que ca nécessite du JavaScript. Quelqu'un peu me référer au bon code ?
height="100%" marche si tu enleve les en tetes qui designent la version utilisé xhtml, html, loose, strict...
| Citation : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
Commence directement par HTML.
J'ai plusieurs sites qui font comme ca.
Alors oui je sais c'est très sale. Mais moins que d'utiliser du javascript avec des frames...
j'ai eu le même souci...
j'ai galéré un moment pour trouver même
sutrout au niveau de la compatibilité entre les navigateurs
le code que j'ai marche très bien
document.all.id_de_ton_iframe.height=la_taille
dans le cas où tu modifies la hauteur du iframe depuis la page qui contient le iframe
parent.document.all.id_de_ton_iframe.height=la_taille
dans le cas où tu modifies la hauteur du iframe depuis la page contenue dans le iframe
bien sur il faut que tu remplaces id_de_ton_iframe par son véritable id..
voilà pour toi
Salut merci de la réponse... Je ne suis pas très bon en JavaScript pourrait tu me dire où placer le code exactement et ce que dois mettre à la place de "la_taille" ... moi je veux qu'elle s'auto ajuste selon la fenetre de la page qui contient l'iframe. MERCI
Essaye sans le js en virant un peu de html, ca coute rien et ca marche niquel. et en plus c'est simple.
Si ta pas cet en tete c'est que le probleme doit etre ailleur. Et la faudra faire du js.
Mais ca risque de ne pas fonctionner dans tous les Browser non ?
Non les en tetes disent quelle interpretation faire du code html.
S'il n'y a rien ca marchera quand meme, le navigateur va passer en defaut par dessus... 1/2 des sites n'ont pas cet en tete et tout marche tres bien.
Petit exemple :
http://www.y-dee.nl/ - Aucun javascript
Ta plus de chance que ca marche comme ca qu'avec du javascript. Le javascript n'est pas activé partout et en plus les differents navigateurs en font une interpretation differente.
| Citation : Essaye sans le js en virant un peu de html, ca coute rien et ca marche niquel. et en plus c'est simple. |
oui c'est vrai mais il me semble si je ne dis pas de conneries que ce problème est spécifique aux iframes
j'ai viré tout les standards w3c de mes pages et ça ne marchait pas quand même...
c'est vrai que ma solution est très très très sale mais elle marche alors je m'en fous un peu ;-) (que les puristes ne m'en veuillent pas)
pour la_taille il faut que tu récupères les hauteurs des éléments de ta page html et que tu les additionnes...
par exemple si t'as une page avec 2 tableaux l'un au-dessus de l'autre tu leurs donnes un id
et tu fais
taille=document.getElementById('idTableau1')+document.getElementById('idTableau2');
parent.document.all.iframe.height=taille;
| Citation : oui c'est vrai mais il me semble si je ne dis pas de conneries que ce problème est spécifique aux iframes |
Oui tres possible, c'est une solution simple que j'avais trouvé quand je m'emmerdais avec les memes problemes, à l'epoque ou j'utilisait des frames de partout. Enfin plutot un peu plus tard quand j'ai commencé à essayer de faire du code valide...
C'est le seul cas jusqu'a maintenant ou j'ai du enlever des en tetes pour regler un probleme. (pour en creer un autre aussi mais je suis pas puriste des standarts w3c non plus).
C'est une solution sale mais je la prefere au javascript, on se complique pas et au moins on reste a peu pres compatible.
ouais c'est clair
d'ailleurs les frames, iframes sont à déconseiller très vivement
ils sont source de bien des prise de tête !!!
:-D
Merci beaucoup. Je vais y aller avec le code sans les en-tête ca marche bien jusqu'à maintenant. a+
Il y a 348 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.
