Unofficial WebSite X5

WebSite X5 versioni obsolete => WebSite X5 [v12] - Evolution/Professional - Discussioni generali => Topic aperto da: giancarlobar - 12 Luglio, 2016, 08:39:53

Titolo: iframe responsive
Inserito da: giancarlobar - 12 Luglio, 2016, 08:39:53



Buongiorno,
credo sia un argomento già ampiamente trattato ho provato a cercare sui forum ma purtroppo non sono riuscito a trovare del codice che facesse al caso mio.


Mi è stato fornito da una azienda del codice  (bootstrap) da inserire sul sito che sto realizzando per mio cognato.


Le pagine che devo implementare sono già in responsive... ed il sito che ho realizzato con website lo è anche, ho inserito le pagine con un iframe, il tutto funziona abbastanza bene sono a risoluzioni basse il contenuto in altezza non si adatta bene...


Grazie per l'eventuale suggerimento, Giancarlo.


http://www.agenziastudioeffe.it/immobili.html

Titolo: Re:iframe responsive
Inserito da: lemonsong - 12 Luglio, 2016, 10:42:14
Visto che la pagina richiamata in iframe si trova nello stesso dominio, prova lo script usato nell'esempio di QUESTO (http://www.unofficialwsx5.com/index.php?topic=1646.msg11989#msg11989) post.
Al caricamento della pagina dovrebbe funzionare.

Nel sorgente trovi tutto.


La fonte dello/del script/metodo: stackoverflow.com (http://stackoverflow.com/questions/5867985/full-screen-iframe-with-a-height-of-100#answer-12311693)
Titolo: Re:iframe responsive
Inserito da: giancarlobar - 12 Luglio, 2016, 12:02:43
cavolo ... funziona !!!!   ;)


io ho inserito anche questo....  o è superfluo ?


Codice:
Only registered users can see contents. Please click here to Register or Login.
Titolo: Re:iframe responsive
Inserito da: giancarlobar - 12 Luglio, 2016, 12:49:33
..... e come sempre grazie Lemon per la pappa.  :)
Titolo: Re:iframe responsive
Inserito da: lemonsong - 12 Luglio, 2016, 14:45:23
Grazie a stackoverflow.com :)

io ho inserito anche questo....  o è superfluo ?
[...]

Per le versioni Professional non dovrebbe servire, c'è "Abilita Altezza Automatica" tra le opzioni dell'Oggetto Codice HTML.


Considerazione personale:
se possibile integrerei, in WS, gli script che hai nella pagina /ricercaimmobili/esito.html

Titolo: Re:iframe responsive
Inserito da: giancarlobar - 12 Luglio, 2016, 15:13:57
dici di mettere il codici sotto direttamente sulla pagina immobili.html ?



Codice:
Only registered users can see contents. Please click here to Register or Login.
Titolo: Re:iframe responsive
Inserito da: lemonsong - 12 Luglio, 2016, 16:13:08
La libreria jQuery non ti serve.
Dovrai valutare tu, se c'è altro di superfluo.

C'è anche del codice HTML da inserire.

Ho provato al volo in locale:

[attach=1]


Era solo una mia considerazione...

Edit: la prova non è in iframe, "parola di lupetto"  :)
Titolo: Re:iframe responsive
Inserito da: giancarlobar - 12 Luglio, 2016, 16:51:05
ahhh!! se ho capito bene lascio perdere l'iframe ed inserisco il codice html da.... a in un oggetto HTML in + integro gli script nella parte esperto della pagina ?
Titolo: Re:iframe responsive
Inserito da: lemonsong - 12 Luglio, 2016, 20:07:31
Esatto ma, visto che dovrai fare la stessa cosa per tutte le pagine del "sistema gestione immobili", devi valutare tu se conviene oppure no.

E soprattutto, come ho già scritto, se possibile.

P.S.
Siamo andati OT
Titolo: Re:iframe responsive
Inserito da: giancarlobar - 19 Luglio, 2016, 12:24:20
ho notato che su IE questo tipo di iframe taglia la pagina...  :(
Titolo: Re:iframe responsive
Inserito da: lemonsong - 19 Luglio, 2016, 17:52:25
Che versione di IE?
Sistema Operativo?
Cosa vuoi dire con "questo tipo di iframe"?
Titolo: Re:iframe responsive
Inserito da: giancarlobar - 19 Luglio, 2016, 18:54:00

Ciao Lemon..IE11
sistema operativo credo non sia rilevante comunque w7 o w8.1


purtroppo tronca l'altezza dell'iframe .... non so ma su altri browser  non crea questi problemi...
vedi allegato.


Grazie saluti Giancarlo.


 
Titolo: Re:iframe responsive
Inserito da: lemonsong - 19 Luglio, 2016, 20:30:14
Hai inserito lo script nel body, lo inserirei in head come da esempio (post linkato).
Titolo: Re:iframe responsive
Inserito da: giancarlobar - 19 Luglio, 2016, 21:07:25
Ok corretto l'errore grazie Lemon.. , l'iframe resta troncato...
Titolo: Re:iframe responsive
Inserito da: giancarlobar - 20 Luglio, 2016, 09:50:14

purtroppo non sono per niente pratico di java e co., ho cercato sul web qualche soluzione tipo, al caricamento della pagina da
parte del browser IE si restituisce un diverso comportamento dell'iframe.... ma al momento brancolo nel vuoto ...
Titolo: Re:iframe responsive
Inserito da: lemonsong - 20 Luglio, 2016, 15:46:03
Se non trovi di meglio puoi provare a ritardare la funzione con setTimeout, esempio:

Citazione
function calcHeight() {
setTimeout (function(){
  //find the height of the internal page
  var the_height = document.getElementById('the_iframe').contentWindow.document.body.scrollHeight;

  //change the height of the iframe
  document.getElementById('the_iframe').height = the_height;
  }, 1000);
}
$(window).resize(calcHeight);

In rosso il tempo espresso in millisecondi.
Ho aggiunto anche il richiamo della funzione al ridimensionamento della pagina (ultima riga).
Titolo: Re:iframe responsive
Inserito da: giancarlobar - 20 Luglio, 2016, 17:19:40
 :D :D  meglio di questo al momento NO!!!!


grandissimo.... grazie, ti offrirei una pinta di birra se potessi... ma mi sa che non sei in zona...  ;)







Titolo: Re:iframe responsive
Inserito da: lemonsong - 20 Luglio, 2016, 19:13:12
Prego, pinta di birra virtuale presa e già tracannata  :)