Iframe per responsive
Autor: Vincenzo Errico
Visited 1912,
Followers 4,
Udostępniony 0
Salve, convertendo il sito in responsive ho questo problema: se punto tramite iframe (con larghezza di 960px) ad una galleria creata in una pagina senza applicare il modello e con dimensioni di 960px, questa viene rimpicciolita visualizzando anche parte dello sfondo del sito. E' risolvibile... oppure è un bag della versione 12?
Grazie infinite.
Posted on the
Autor
In pratica la galleria non riempie l'iframe. Anche se la larghezza dell'iframe la do in percentuale non cambia nulla!
... del responsive non ne so, però potresti postare un link per poter capire...
... gli IFRAME dovresti/potresti evitarli se usi il Programma ad hoc...
... se sei esperto puoi vedere qui (o altrove): https://github.com/house9/jquery-iframe-auto-height
... ovviamente anche il contenuto importato nell'IFRAME dovrà essere adeguato allo scopo...
.
Autor
È una galleria che viene visualizzata in più di cinquanta pagine tramite iframe. Uso questo metodo solo per non duplicare la galleria per ogni pagina con conseguenza quantità di immagini. Non saprei altri metodi... anche perché in questo modo mi consente di poter aggiornare (sostituendo e aggiungendo foto) in un colpo solo. Domani cerco di mettere online un esempio. Grazie per ora.
Autor
Ho messo online un esempio del problema: in Home un iframe che punta alla pagina galleria senza applicare il modello, ma come si puo vedere, l'iframe non viene riempito e si vede parte dello sfondo di colore rosa della galleria.
http://www.vincenzoerrico.it/provaiframe/index.html
Spero si possa risolvere, grazie.
ciao a tutti,
ho lo stesso problema e non posso fare a meno di Iframe esterni (su hosting diverso) . ho sempre avuto problemi di altezza Iframe che non riesco a gestire.
adesso mi studio quello che propone il mitico KolAsim....
mi piacerebbe risolvere....
uffa
già fatto
ecco cosa leggo nelle istruzioni
"This plugin will NOT work if the iframe contains a page from another domain, use one of the alternate libraries above if you need cross domain resize."
sgrunt
... prova a mettere il link della pagina che carica l'iframe e/o il link della pagina importata...
.
... sulla base degli stessi miei vecchi esempi presenti nella stessa directory, mi sono inventato questo codice, pulito e semplice, da rilevare dal sorgente HTML della pagina: http://www.zspace.it/kolasim/resizeContentK/resizeIframe_K.html
... mi sono basato sul rapporto della galleria originale a 3:2; il DIV contenitore e l'IFRAME si ridimensionano in funzione delle finestra del browser con priorità sulla larghezza...
... senza programmi non posso dire di più, ma vedo che il controllo si può ottenere e quindi da indirizzare agli oggetti contenitori in gioco da studiare nella propria pagina destinataria...
... il resto è nelle tue/vostre mani...
.
ciao
ecco kolasim, una delle tante
http://www.fitmodena.com/polmaraarc.php
l'elenco degli iscritti è un richiamo Iframe
grazie per la pazienza e il tempo.
Fabio
... la pagina per poter essere ridimensionata deve stare nel tuo stesso spazio web, almeno con il mio codice, (e penso anche con quello che avevo linkato per come avevi rilevato tu)...
... ho fatto delle prove, tanto per avere un'idea, ed il risultato è questo:
... link diretto non calcola: http://www.zspace.it/kolasim/iframe_varie/iframeResizeTabellaIscritti1_K.html
... pagina clonata calcola: http://www.zspace.it/kolasim/iframe_varie/iframeResizeTabellaIscritti2_K.html
... solo TAG TABLE calcola: http://www.zspace.it/kolasim/iframe_varie/iframeResizeTabellaIscritti3_K.html
... ovviamente, essendo ASP e criptato, non funziona l'ordinamento...
.
... non avendo io il Programma, devi cercare di provare da te; ...il mio codice è semplice ed intuitivo, e puoi fare una media con quello postato prima per il ridimensionamento sulla finestra, o sul contenitore del body; ...vedi un po' tu...
... questi sono esperimenti esclusivamente personali; ...altri esperti magari potrebbero dirti di più e meglio...
...
... prima di chiudere qui, ti pongo un'altra idea; ...catturare la pagina esterna in PHP(*), clonandola all'avvio della pagina, ed usando questa per l'IFRAME, (ma sempre non funzionerà l'ordinamento)...
(*) - per questo ti devi documentare in rete...
.
ciao
Ciao KolAsim
ho dato un occhio, ed ho visto ma non capito tanto.
Inoltre non avevo prima precisato che l'elenco (compreso nell'Iframe) aumenta man mano che io accetto le richieste di iscrizione, per cui l'altezza è una variabile sempre fino al termine delle iscrizioni; non so se può incidere.
poi ho provato a stringere il browser ma non noto che sia responsive in nessuno dei tre esempi, appaiono le barre di scorrimento. forse ho sbagliato a scrivere io la domanda? o forse proprio sono un caprone.
fabio
scusami,
dal cellulare vedo che in effetti la pagina prende la misura del tablet, poi per poter leggere il contenuto devo per forza di cose zoomare, ma è giusto così.
mi potresti spiegare come fare a implementare? quella dicitura che recita "calcolo altezza iframe la dovrei togliere ovviamente...
chiedo scusa all'autore del post Errico Vincenzo per la piega piuttosto personale che ha preso questo post stesso.
Fabio
... questa pagina non è responsive per quel che mi sembra: http://iscrizioni.miotorneo.com/entrylist.aspx?cod=210
... ... qui l'esempio ridotto all'osso; ...guarda il TAG BODY: http://www.zspace.it/kolasim/iframe_varie/iframeResizeTabellaIscritti4_K.html
.
ciao
e ri grazie
scusa ho sbagliato a scrivere la risposta, che ho inserito dentro al quote.
eccola qui
Certo che no, mi piacerebbe lo fosse......forse non mi sono ancora ben spiegato, però quello chi mi hai indicato è ok per me, devo capire come fare a inserirlo. ..ciao
... qui l'IFRAME è elastico anche in orizzontale, ed anche la tabella importata è parzialmente elastica: http://www.zspace.it/kolasim/iframe_varie/iframeResizeTabellaIscritti5_K.html
... partendo dal presupposto già detto che non puoi usare il link originale dalla fonte del DB, l'escamotage consisterebbe nel clonare la pagina esterna tramite codice PHP , salvandola sul tuo spazio web, e per come fare dovresti documentarti in RETE, e comunque sia non funzionerà l'ordinamento dei campi...
... con questo metodo la pagina importata si aggiornerebbe automaticamente...
... ...
... ma, in alternativa, e per farla breve e semplice al tempo stesso, ...potresti fare come ho fatto io, cioè selezionare dalla pagina originale il TAG TABLE ed incollarlo in una pagina HTML di base (html-body-codice table-/body-/html), come nel mio esempio in cui importo questa pagina: http://www.zspace.it/kolasim/iframe_varie/iframeResizeTabellaIscritti_K4.html
... nel sorgente delle due pagine è tutto in chiaro, non puoi fare confusioni, ed occhio al TAG BODY!!
... ovviamente, ad ogni modifica della pagina originale devi estrarre il nuovo TAG TABLE, ed incollarlo nella tua pagina che viene importate nell'IFRAME, che si adatterà alla nuova lunghezza automaticamente...
...
... se non ti soddisfa il mio codice, puoi provarne qualcuno di terze parti di quelli reperibili in rete; ...per esempio quello che ti avevo già indicato, che con la pagina con la sola tabella dovrebbe funzionare a regola...
... non posso entrare nel merito del Programma che non ho, ma per ulteriori chiarimenti sul mio codice fatti pur risentire,...magari postando un esempio per capire dove sei arrivato...
.
ciao