WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Iframe per responsive  it

Auteur : Vincenzo Errico
Visité 1913, Followers 4, Partagé 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.

Posté le
15 RéPONSES
Vincenzo Errico
Vincenzo Errico
User
Auteur

In pratica la galleria non riempie l'iframe. Anche se la larghezza dell'iframe la do in percentuale non cambia nulla!

Lire plus
Posté le de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Auteur

È 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.

Lire plus
Posté le de Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Auteur

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.

Lire plus
Posté le de Vincenzo Errico
Pc Win
Pc Win
User

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....

Lire plus
Posté le de Pc Win
Pc Win
Pc Win
User

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

Lire plus
Posté le de Pc Win
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Pc Win
uffa ... ... ... ... "This plugin will NOT work if the iframe contains ... ... ... ... ... ...

... prova a mettere il link della pagina che carica l'iframe e/o il link della pagina importata...

.

Vincenzo Errico
Ho messo online un esempio del problema... ... ... ... ...

... 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Pc Win
ecco kolasim, una delle tantehttp://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




Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pc Win
Pc Win
User

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

Lire plus
Posté le de Pc Win
Pc Win
Pc Win
User

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

Lire plus
Posté le de Pc Win
Pc Win
Pc Win
User
 ‪ KolAsim ‪ ‪
... questa pagina non è responsive per quel che mi sembra:    http://iscrizioni.miotorneo.com/entrylist.aspx?cod=210 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. ... ... qui l'esempio ridotto all'osso; ...guarda il TAG BODY:   http://www.zspace.it/kolasim/iframe_varie/iframeResizeTabellaIscritti4_K.html . ciao

e ri grazie

Lire plus
Posté le de Pc Win
Pc Win
Pc Win
User

scusa ho sbagliato a scrivere la risposta, che ho inserito dentro al quote.

eccola qui

 ‪ KolAsim ‪ ‪
... questa pagina non è responsive per quel che mi sembra:    http://iscrizioni.miotorneo.com/entrylist.aspx?cod=210 ciao

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

Lire plus
Posté le de Pc Win
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪