Iframe ad Altezza Variabile

[Luigi636]

Salve,
ho creato un piccolo sistema per i sondaggi e l'ho integrato sul sito tramite un iframe.. Nessuno problema per i bordo e per la larghezza, il problema sorge invece per l'altezza in quanto, al variare delle domande e delle risposte, l'altezza varia e quindi mi tocca andare a regolare di volta in volta l'altezza del CSS.. Mi chiedevo se non ci fosse qualche sistema per trovare l'altezza tramite PHP in modo da inserire il valore direttamente nell'HTML tramite l'opzion height direttamente all'interno del tag iframe..
Esempio:

<iframe src='bla/blabla.php' height='<?php echo $height; ?>'>

[m4rko80]

Ciao, l'altezza per l'iframe non può essere dimanica. La soluzione più pratica anche se non molto bella sarebbe quella di farlo con javascript. Sul caricamento dell'iframe, calcolare l'altezza generata dal suo contenuto. A questo punto via javascript vai a prendere il tag iframe che lo contiene e modifichi l'height. Un'alternativa anche se non molto bella sarebbe quella di usare un altezza fissa

[Luigi636]

Ciao, l'altezza per l'iframe non può essere dimanica. La soluzione più pratica anche se non molto bella sarebbe quella di farlo con javascript. Sul caricamento dell'iframe, calcolare l'altezza generata dal suo contenuto. A questo punto via javascript vai a prendere il tag iframe che lo contiene e modifichi l'height. Un'alternativa anche se non molto bella sarebbe quella di usare un altezza fissa

No l'altezza fissa non va bene, soprattutto perchè sotto ho altro contenuto.. Con javascript invece come faccio a calcolarmi l'altezza del suo contenuto..?

[KillerWorm]

[Mod]
La discussione verte su JavaScript. Con CSS, in questo caso, non puoi farci granché. Sposto sul forum di pertinenza.

Un'alternativa è quella di usare AJAX anziché gli iframe. In tal caso potrai caricare dinamicamente i contenuti esterni direttamente dentro la tua pagina, ad esempio in un div, che di norma si estende automaticamente, ma potrai comunque gestirlo col CSS.

[ciro78]

semplicemente non settare così dovrebbe estendersi

[m4rko80]

Il tag iframe non supporta l'altezza automatica come fosse un div. Va settata da css o dinamicamente.
Se puoi e sai usare javasript/ajax, come consigliato da KillerWorm sarebbe sicuramente la soluzione migliore (l'iframe tra l'altro è un tag ormai deprecato anche se ancora supportato e scomodo come vedi da gestire). Con ajax puoi richiamare semplicemente del contenuto presente sullo stesso dominio ( o su altro dominio con un passaggio in più lato server) e ritornarlo in pagina dove vuoi.
Ajax, jQuery Ajax il primo è javscript classico, il secondo tramite libreria jQuery

[ciro78]

Il tag iframe non supporta l'altezza automatica come fosse un div. Va settata da css o dinamicamente.
Se puoi e sai usare javasript/ajax, come consigliato da KillerWorm sarebbe sicuramente la soluzione migliore (l'iframe tra l'altro è un tag ormai deprecato anche se ancora supportato e scomodo come vedi da gestire). Con ajax puoi richiamare semplicemente del contenuto presente sullo stesso dominio ( o su altro dominio con un passaggio in più lato server) e ritornarlo in pagina dove vuoi.
Ajax, jQuery Ajax il primo è javscript classico, il secondo tramite libreria jQuery

basta settarla al 100% del contenitore. Lo stesso per la larghezza

[Luigi636]

semplicemente non settare così dovrebbe estendersi

Ti sbagli..

Il tag iframe non supporta l'altezza automatica come fosse un div. Va settata da css o dinamicamente.
Se puoi e sai usare javasript/ajax, come consigliato da KillerWorm sarebbe sicuramente la soluzione migliore (l'iframe tra l'altro è un tag ormai deprecato anche se ancora supportato e scomodo come vedi da gestire). Con ajax puoi richiamare semplicemente del contenuto presente sullo stesso dominio ( o su altro dominio con un passaggio in più lato server) e ritornarlo in pagina dove vuoi.
Ajax, jQuery Ajax il primo è javscript classico, il secondo tramite libreria jQuery

Questo metodo mi interessa.. Come faccio?
So come si fanno le chiamate Ajax, ma devo far rimanere il contenuto della pagina invariato, eccetto per quel riquadro

basta settarla al 100% del contenitore. Lo stesso per la larghezza

Non funziona così

[ciro78]

Ti sbagli..


Questo metodo mi interessa.. Come faccio?
So come si fanno le chiamate Ajax, ma devo far rimanere il contenuto della pagina invariato, eccetto per quel riquadro

Non funziona così

a me ha funzionato ma forse non mi era chiaro che risultato vuoi raggiungere.

[cavicchiandrea]

Non vorrei sbagliare ma per impostare altezza e larghezza 100% devi impostare anche body e html a 100%