[Iframe][Débutant]Iframe et taille dynamique

Version imprimable

Bonjour,

J'ai actuellement une IFRAME qui charge une page JSP (sur le même server), donc dynamique, donc dont on ne connait pas la taille initialement.
Je procède ainsi :

déclaration de l'IFRAME
Code:

1 2 3 <iframe src="{emplacement/lien[last()]/lienPrincipale/text()}" name="framePrincipale" scrolling="auto" frameborder="0" id="ifrm" onload="size();"> </iframe>
Déclaration de size()
Code:

1 2 3 4 5 6 7 8 9 10 function size() { timeoutID = window.setTimeout("size_aux()",3000); } function size_aux() { document.getElementById("ifrm").style.width=document.getElementById("ifrm").contentWindow.document.body.scrollwidth;; document.getElementById("ifrm").style.height=document.getElementById("ifrm").contentWindow.document.body.scrollHeight;; }
En clair, mon idée était d'attendre que la page JSP se charge (ca peut être assez long, j'ai pris 3 sec pour tester) et ensuite de redimensionner l'IFRAME. Apparament, cela ne marche pas.

Suis-je dans le faux? Sur la bonne piste mais pas la bonne methode ?

merci d'avance pour vos réponses

mavina

09/05/2006, 15h11
magnus2005
si tu veux acceder aux proprietes width et height
Code:

1 2 3 iframe.width document.getElementById("ifrm").width
pourquoi via la css ca fonctionne pas, j en sais trop rien. Je pense que l IFRAME est un objet "special"?
Mais en tous cas ça fonctionne bien.

Voila.

Bon courage
09/05/2006, 15h18
mavina

Alors en fait le truc c'est que mon IFrame garde la même taille apres les 3 secondes...
Pourquoi ?

merci

mavina

Question :
Quand tu fais :
Code:

1 2 3 4 var h= document.getElementById("ifrm").contentWindow.document.body.scrollHeight; alert ("h =" + h);
ca te retourne bien la hauteur souhaite ?

09/05/2006, 15h35
KiLVaiDeN

Salut,

Citation:

Inline frames may not be resized (and thus, they do not take the noresize attribute).

Trouvé sur http://www.w3.org/TR/REC-html40/pres...es.html#h-16.5

A priori, tu ne peux pas redimensionner une IFRAME.

Peut-être peux-tu résoudre ton problème avec AJAX ? En mettant le contenu de ta JSP dans un DIV... Mais ça parrait compliqué quand même... Pourquoi est-ce que ton contenu change de taille ? Est-ce lié à la taille d'une image ? Si oui, tu peux le calculer coté serveur, et donc dimensionner ton IFRAME avec la bonne taille dès le départ..

A+
09/05/2006, 15h38
mavina

quand c'est du statique, pas de soucis, sauf que ma frame n'est pas redimenssionnée.
quand c'est du dynamique, l'alerte ne s'affiche pas, la frame n'est pas redimenssionnée.

8O :roll:
09/05/2006, 15h43
KiLVaiDeN

Ce que je ferais à ta place :

- Créer un Div à la place du IFRAME
- Au chargement de la page, faire une requete via AJAX de la taille à afficher ( peux-tu le savoir sans afficher le contenu ?? )
- Une fois la taille récupérée, redimensionner le Div, et y inclure le contenu de la page dynamique...

Je ne sais pas en quoi ton contenu change et qu'est-ce qui le rend dynamique, mais si tu peux connaitre la taille par avance, cette méthode fonctionnera, non ?
09/05/2006, 15h55
mavina

Je ne peux malheuresement pas dire en détail ce qu'il y a dans mes pages JSP, mais par exemple je charge dans mon IFRAME des statistiques entre deux dates qui peuvent varier, donc les tableaux peuvent être tres petits ou tres tres gros...
Ce qui fait que je ne peux pas savoir la taille du document chargé avant de l'avoir chargé...:?

mavina
09/05/2006, 16h04
magnus2005

Mavina,
Ce que veut dire le W3C je pense c est que par rapport au FRAMES,
l option noresize n existe pas.
je vais te dire comment je fais pour redimensionner mes IFRAMES.

c est dans le code contenu dans l'IFRAME que j appelle le document parent et que je retrouve l IFRAME et lui attribue des nouvelles height et width.
Ceci parce que le contenu de l IFRAME est le seule a connaitre la taille dans laquelle il souhaite s afficher.
Mais il faut vraiment en avoir besoin.
Si tu veux des precisions demande donc.

KiLVaiDeN a raison l utilisation d un DIV qui va se redimenssionner selon le contenu est plus simple et plus efficace.
J utilise dans IFRAME parce que j utilise deja enormement de DIV pour faire mes layers dans chaque IFRAME. Et en general la taille de mes IFRAMES est statique.
09/05/2006, 16h19
magnus2005

Egalement je pense que l utilisation de l attribut "load" dans le tag IFRAME pose peut etre probleme. Je suis pas sur que ca existe. A mon avis c'est pas valide.
En tous cas moi je met mon code le contenu de l IFRAME et ca fonctionne, a condition de bien appeler les bons parents avec javascript.
09/05/2006, 16h28
KiLVaiDeN

Son problème vient du fait qu'il ne connait pas la taille.

En fait, je pense que ton problème est un problème insolluble, car la taille "dynamique" est allouée par le navigateur, et seulement dans le cas d'une page "flottante". Tu ne peux pas récupérer cette taille par programmation, à moins d'ouvrir une fenêtre flottante avec le contenu, récupérer la taille obtenu, et modifier la taille de la zone d'affichage pour y accueillir les données.

Pour ce genre de problème, il vaut mieux se baser sur un maximum, et toutes tes pages s'afficheront dans ce maximum que tu auras défini pour ta zone. Il y aura des espaces blancs pour les pages avec moins d'informations, mais en tout cas tu exploiteras au mieux la taille de ta zone.

Je ne vois rien d'autre... A+
09/05/2006, 16h52
magnus2005

Ton probleme n est pas insoluble et la solution n'est pas simple.
Cependant je rejoins KiLVaiDeN sur le fait que or besoin tres specifiques (avec des appli avec AJAX par exemple), c est plus robuste de travailler et plus simple de travailler avec le taille maximum possible.

Apres si c est un client qui te le demande le probleme n est pas le meme.
09/05/2006, 17h30
mavina

je vous recontacte demain quand je me repencherai sur le sujet.
Merci encore pour vos réponses !!!

mavina
10/05/2006, 08h24
mavina

re,

En y regardant de plus près, comment pourrais-je utiliser une balise <div> comme vous le préconnisez ? Car <div> n'est là que pour le texte ? Ou alors je me fourvoie ? :?
La balise iframe me permettait d'afficher le contenu de la page JSP...

je ne vois pas trop où aller

merci

mavina
10/05/2006, 09h20
mavina

Salut,

j'ai trouvé un truc sur le net, il y a une boucle for dedans :

Code:

for (i=0;i<val;i++)

Le probleme c'est que le compilateur xsl me considere le < comme un début de balise, et du coup je suis un peu bloqué :(

Citation:

file:/oracleas/0904/oapcp00/Apache/Apache/htdocs/menu/menu.xsl; N° de ligne96; N° de colonne-1; Erreur XSLT (javax.xml.transform.TransformerConfigurationException): javax.xml.transform.TransformerException: org.xml.sax.SAXParseException: Blanc requis avant des attributs.

quelqu'un peut m'aider ?

merci

mavina
10/05/2006, 09h46
KiLVaiDeN

A la place de < tu peux mettre != dans ce cas precis

ok rebelotte une autre erreur :

Citation:

file:/oracleas/0904/oapcp00/Apache/Apache/htdocs/menu/menu.xsl; N° de ligne102; N° de colonne-1; Erreur XSLT (javax.xml.transform.TransformerConfigurationException): javax.xml.transform.TransformerException: org.xml.sax.SAXParseException: Caractère ou syntaxe de référence d'entité non valide

cette ligne correspond à ça :

Code:

if ((document.all || document.getElementById) && iframehide=="no")

de la fonction
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function resizeCaller() { var dyniframe=new Array() for (i=0; i!=iframeids.length; i++) { if (document.getElementById) resizeIframe(iframeids[i]) //reveal iframe for lower end browsers? (see var above): if ((document.all || document.getElementById) && iframehide=="no") { var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i]) tempobj.style.display="block" } } }
bien à vous, et merci pour votre aide

mavina

10/05/2006, 10h14
magnus2005

As tu la possiblite d utiliser un jsp:include ?
10/05/2006, 10h38
mavina

non, le menu est indépendant des jsp que je charge.
10/05/2006, 10h43
KiLVaiDeN

Salut,

Tu peux faire une requête via XmlHttpRequest du contenu de ton div.
Ensuite, tu récupères la réponse, et tu t'en sers pour peupler ton div comme ceci :

Code:

document.getElementById('id_div').innerHTML = result;

Et ton div sera complété par ce que tu auras obtenu en retour de ton appel via XmlHttpRequest.
10/05/2006, 10h48
mavina

bah euh, le tag [Débutant] veut dire que je débute ^^
En fait, avec mon iframe j'ai trouvé ceci :
http://www.dynamicdrive.com/dynamici...iframessi2.htm
mais voila à la compilation de le fonction sus-citée ca bloque... Quelqu'un peut m'aider à ce niveau la ? Car je comprend rien au "charabia" de XmlHttpProcessRequest qui me renvoie du XML et non du html d'apres ce que j'ai lu sur :google: :D

merci

mavina
10/05/2006, 10h59
KiLVaiDeN

Tu peux obtenir n'importe quoi via du XmlHttpRequest, même du fichier texte tout bête ;) Il est vrai que c'est fait théoriquement pour du XML, mais on peut détourner son fonctionnement..

Et HTML n'est-ce pas du XML dans le fond ? Quand il est bien formé.. On appelle ça du XHTML ^^

Le lien que tu donnes décrit assez explicitement les étapes : copier/coller le code dans le HEAD, placer la balise IFRAME à l'endroit que tu souhaites, et appeller la page dans la IFRAME via Javascript comme ceci :

Code:

<a href="javascript:loadintoIframe('myframe', 'external.htm')">Link</a>
10/05/2006, 11h01
mavina

c'est ce que j'ai fait, mais j'ai les erreurs que j'ai déja citées :roll:
10/05/2006, 11h04
KiLVaiDeN
Essaie d'ajouter des commentaires à ton code JavaScript :
Code:

1 2 3 4 5 <script language="JavaScript">  </script>
10/05/2006, 11h06
mavina

si je met mon code en commentaires je vais avoir des problèmes pour l'appeler, non ? 8O
10/05/2006, 11h12
KiLVaiDeN

Tout dépend de ton architecture.
Tu décris des erreurs XSLT, mais on ne sait pas vraiment pourquoi il y en a, alors qu'on parlait de JSP et de IFRAME au départ :mouarf:

Essaie quand même, on ne sait jamais ;)
10/05/2006, 11h15
mavina

bon je vais t'espliquer.

en fait, l'architecture du projet est la suivante :
Je possede un xml par menu. Ces xml sont compilés en HTML via une feuille de style xslt et un script sh qui lance la compilation pour chaque xml. En clair, tout est dans mon fichier .xsl.
et donc dans ce fichier xsl, je défini une iframe qui charge une page JSP (en fonction du xml) dynamique...
Voila le topo ^^

mavina

Fuseau horaire GMT +2. Il est actuellement 04h29.