[RISOLTO] Iframe e problema Height 100%

[Marco Rando]

Ciao a tutti,

dopo aver risolto mesi fa'  il problema degli iframe che non si vedevano, risolto usando l'editor CODE MIRROR, oggi sto provando di dare dei valori a quest'IFRAME solo che non mi prende il valore height e di conseguenza si attiva lo scrolling, ma solo il width...come mai? e' un problema di joomla o di firefox??

Ecco il codice:

<iframe src="http://www.ombarcellonapg.tk/Meteoalarm.php" frameborder="0" height="100%" width="100%">

Grazie anticipate per l'aiuto...

[adottauncane]

Ciao Marco Rando,
probabilmente non sa il 100% di cosa (riferito al template)... Fissa l'altezza con i px.

[Marco Rando]

E' il problema diciamo e' proprio questo...

ossia siccome io ogni giorno li aggiungo degli specchietti, e possibile che un giorno ci vada una misura in px e un giorno un altra, volevo evitare questo fastidioso processo ogni volta che quindi devo andare a correggere i px....perche' in px lo prende e il 100% no?

Pensi che sia collegato al template?!?

[adottauncane]

Non in senso stretto al template che usi ma, dato che normalmente la larghezza è specificata e l'altezza no, immagino che non sappia a cosa riferirsi... Perchè invece non provi a mettere un'altezza fissa alle tabelle che importi? E lasci il 100% sull'iframe. Magari non serve, ma tentar non nuoce...

[Marco Rando]

Provato allor ala tabella e' 1 sola con all'interno gli specchietti inseriti che oggi possono essere 2 domani 3 o 1 .....ho impostato alla tabella un height di 150px, e ho rimesso IFRAME A 100%....Ma niente e come se nn prendere il valore dato all'iframe.....su internet dicono qualcosa in merito pero' collegato forse al browser... ma nn ho trovato la soluzione...

[adottauncane]

E se provassi ad usare un modulo wrapper e poi ad inserirlo nell'articolo con il loadposition? Mi sembra di ricordare che con quel modulo si riesca a mantenere l'altezza al 100%.

[Marco Rando]

Potresti spiegarmi come fare?!? 

[adottauncane]

Gestione moduli - Nuovo - Wrapper. Dai un titolo e poi non lo pubblichi. Nella finestra delle posizioni scrivi quello che vuoi, ad esempio mio.
Lo pubblichi in tutte le pagine (tanto non si vedrà). Sulla destra metti il link alla tua pagina e sotto lasci la larghezza al 100% e l'altezza 100% - Altezza automatica sì.
Nell'articolo scrivi {loadposition mio} nel punto in cui lo vuoi. Adesso con un solo riquadro funzionerebbe. Bisogna vedere se l'altezza aumenta quando aggiundi i riquadri...

[Marco Rando]

Mi sembra di aver fatto tutto in modo corretto se vedi sul sito gentilmente......

Poi volevo invece chiedere come possa togliere quel riquadro attorno al wrapper?!?!

Fammi sapere ora provo ad aggiungere un altro specchietto per prova e vediamo...

[Marco Rando]

Ahime ho provato sia a mettere 100% su height che mettere automatica sull'altezza ma niente...nn adatta quella struttura come mai?!?

[adottauncane]

In realtà mi sa che non si adatta a nessuna. Probabilmente ho sempre fissato i px di altezza...

[Marco Rando]

Ma come mai quetsa cosa, da che dipende?!? Da joomla, la mia pagina php...o altro?!?

[adottauncane]

Non saprei... Immagino che dipenda dal valore 100%. Se metti una altezza in px non hai questo problema. Comunque non dipende dal tuo template.

[Marco Rando]

porca miseria ma perche' nn lo prende...

[Marco Rando]

Girando ho trovato la soluzione su un forum stranero praticamente bisogna andare a modificare i seguenti file sotto nominati, funziona solo per  il wrapper per l'iframe normale non funziona..

Joomla 1.7  Solution Iframe error on height 100%,  com_wrapper, mod_wrapper

Followin code tested in:
FF: 8.01
IE: 9
Chromo Google 15.0.874.121 m
Opera  11.52

in: \components\com_wrapper\views\wrapper\tmpl\default.php
in: \modules\mod_wrapper\tmpl\default.php

Codice: [Seleziona]

<script type="text/javascript">

function iFrameHeight() {
  var f = document.getElementById('blockrandom');
  f.style.height = '100px' ;
  var d = (f.contentWindow.document || f.contentDocument) ;
 
  var height = Math.max(d.documentElement.scrollHeight, d.body.scrollHeight) ;

  height += 20; // scrollbars?
  f.style.height = height + 'px' ;
  f.setAttribute("height", height) ;
   
}
</script>
d.documentElement.scrollHeight  (FF, IE, Opera)
d.body.scrollHeight                     (Chromo Google)

[adottauncane]

Bravo! 
grazie per aver condiviso la soluzione. Metti [RISOLTO] davanti al titolo del primo post. Immagino potrà servire anche ad altri. 

[Marco Rando]

Certo....figurati quando uno riesce a risolvere certe cose e bello condividerle con tutti. !

[adottauncane]

Fai un override però, se no al rimo aggiornamento rischi di perdere tutto.
http://wiki.joomla.it/index.php/Eseguire_l%27override_del_layout_in_Joomla_1.6#Layout_Alternativi_per_i_Componenti

http://www.joomla.it/articoli-della-community/788-override-del-template-come-personalizzare-le-pagine-di-joomla.html

[Marco Rando]

Cioe' sarebbe la copia di questi file modificati?!?

Io ho fatto copia sia di quelli originali che di quelli modificati....

[adottauncane]

No, si fa un copia di tutto il file originale, lo si modifica e lo si mette nella cartella html del template. Questo file sovrascrive quello del core così che tu non debba toccarlo. È una tecnica molto utile e a partire della 1.6 è stata anche migliorata. Prova a leggere le guide, potrebbe servire anche in altre occasioni.

[Marco Rando]

Sinceramente non ho ben capito cosa fare....

Se per te non e' un disturboi per evitare di andare troppo OT potresti scrivermi in privato?!?

[giovacar]

Ciao A Tutti

mi scuso per l'intrusione ho anch'io lo stesso problema devo creare un iframe ad altezza variabile in funzione del contenuto, ho provato a seguire le indicazioni riportate ma non funzione    sto usando joomla 2.5.4 puoi darmi qualche consiglio Marco Rando , adottauncane .


ho provato anche usando codemirror ma niente, premetto che sono alle prime armi sto leggendo i vari topic ma non funziona    Help


Grazie

[giovacar]

provo a spiegare cosa ho fatto:


ho creato un articolo pio ho disattivato i codici di filtro per HTML e javascript successivamente ho inserito nell'articolo in seguente codice:

Codice: [Seleziona]

[font=monospace][size=13px]<[/size][/font][color=rgb(170, 0, 187)][font=monospace][/size][size=13px]iframe [/size][/font][/color][color=rgb(0, 0, 255)][font=monospace][/size][size=13px]src[/size][/font][/color][font=monospace][/size][size=13px]=[/size][/font][color=rgb(34, 136, 17)][font=monospace][/size][size=13px]"http://agenzie.revoagent.com/realcasa" [/size][/font][/color][color=rgb(0, 0, 255)][font=monospace][/size][size=13px]width[/size][/font][/color][font=monospace][/size][size=13px]=[/size][/font][color=rgb(34, 136, 17)][font=monospace][/size][size=13px]"100%"[/size][/font][/color][color=rgb(0, 0, 255)][font=monospace][/size][size=13px]frameborder[/size][/font][/color][font=monospace][/size][size=13px]=[/size][/font][color=rgb(34, 136, 17)][font=monospace][/size][size=13px]"0" [/size][/font][/color][color=rgb(0, 0, 255)][font=monospace][/size][size=13px]height[/size][/font][/color][font=monospace][/size][size=13px]=[/size][/font][color=rgb(34, 136, 17)][font=monospace][/size][size=13px]"iFrameHeight()"[/size][/font][/color][font=monospace][/size][size=13px]>[/size][/font][font=monospace][/size][size=13px]</[/size][/font][color=rgb(170, 0, 187)][font=monospace][/size][size=13px]iframe[/size][/font][/color][font=monospace][/size][size=13px]>[/size][/font][font=monospace][/size][size=13px]<[color=rgb(170, 0, 187)]script [/color][color=rgb(0, 0, 255)]type[/color]=[color=rgb(34, 136, 17)]"text/javascript"[/color]>function iFrameHeight() {   var f = document.getElementById('blockrandom');   f.style.height = '100px' ;  var d = (f.contentWindow.document || f.contentDocument) ;    var height = Math.max(d.documentElement.scrollHeight, d.body.scrollHeight) ;  height += 20; // scrollbars?  f.style.height = height + 'px' ;   f.setAttribute("height", height) ;   }</[color=rgb(170, 0, 187)]script[/color]>

però il risultato non è quello voluto, vedi www.cardillocostruzionisrl.it, la pagina non si adegua alle dimensioni dell'iframe.


Help Help[/size][/font]

[adottauncane]

Non saprei, la soluzione l'ha trovata Marco Rando, non riesci a sistemare la cosa come ha scritto lui?
Con il css l'unica cosa che puoi fare è mettere un'altezza fissa all'iframe se è l'unico del sito potrebbe anche andare, perché te la terrebbe per tutti... Da aggiungere al file css del template.

Codice: [Seleziona]

iframe {    height: 2750px;}

[giovacar]

grazie adottauncane,


io ho inserito il codice javascript nei file indicato da lui ma poi non ho capito se inserisco il codice dell'iframe nell'articolo o uso un wrapper ?? 


Ho provato con un Wrapper ma non cambia nulla  , proverò con del codice dentro un articolo  .

[adottauncane]

Sembra funzioni per il wrapper.

[conti1]

il code postato va inserito "modificando quello originale" del componente com_wrapper , e de per questo che adottauncane dice fate un override del componente e inseritelo nella cartella del vostro template.

[algu84]

Girando ho trovato la soluzione su un forum stranero praticamente bisogna andare a modificare i seguenti file sotto nominati, funziona solo per  il wrapper per l'iframe normale non funziona..

Joomla 1.7  Solution Iframe error on height 100%,  com_wrapper, mod_wrapper

Followin code tested in:
FF: 8.01
IE: 9
Chromo Google 15.0.874.121 m
Opera  11.52

in: \components\com_wrapper\views\wrapper\tmpl\default.php
in: \modules\mod_wrapper\tmpl\default.php

Codice: [Seleziona]

<script type="text/javascript">

function iFrameHeight() {
  var f = document.getElementById('blockrandom');
  f.style.height = '100px' ;
  var d = (f.contentWindow.document || f.contentDocument) ;
 
  var height = Math.max(d.documentElement.scrollHeight, d.body.scrollHeight) ;

  height += 20; // scrollbars?
  f.style.height = height + 'px' ;
  f.setAttribute("height", height) ;
   
}
</script>
d.documentElement.scrollHeight  (FF, IE, Opera)
d.body.scrollHeight                     (Chromo Google)

Scusate, le ultime due righe:
d.documentElement.scrollHeight  (FF, IE, Opera)
d.body.scrollHeight                     (Chromo Google)


dove vanno inserite?

[algu84]

Riprendo la discussione:


le modifiche apportate funzionano in Chrome e IE, non funzionano in FireFox 20.0 .


L'autoheight non lo riesce a prendere. Alla visualizzazione delle pagine, appaiono le barre laterali.
Ho impostato la larghezza al 100%, altezza 920px e barre di scorrimento settate auto.


Con le vecchie versioni di FireFox questo problema non si presentava. Sapete dove posso mettere mano per adeguare il wrapper anche per FireFox?
Grazie.