Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di freetom
    Registrato dal
    Nov 2001
    Messaggi
    3,725

    Ridimensionare in automatico un iframe in base al dispositivo o finestra. Come?

    Ho cercato e trovato qulacosa... ma tutte le soluzioni attuali mi aggiustano solo la width del frame e mai la sua altezza :/ Grazie per i vostri consigli in merito.

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    probabilmente l'altezza segue proporzionalmente... fai vedere cosa hai trovato.
    e sopratutto, quello che hai trovato, lo hai provato?

  3. #3
    Utente di HTML.it L'avatar di freetom
    Registrato dal
    Nov 2001
    Messaggi
    3,725
    Prova 1

    Codice PHP:
    <script type="text/javascript">        // Jquery onload        jQuery(function(){             //Quando la pagina e' pronta e ogni qualvolta viene             // ridimenzionata la finestra aggiusto l'altezza del frame            $(window).bind('ready resize', function() {                $('#mioframe').height(  $(window).height() );            });          });</script> 
    con

    <iframe id=mioframe src="url"></iframe>

    Prova 2

    Codice PHP:

      
    <script>window.onload=function(){var iframe=document.getElementById('mioIFRAME'); if(iframe){    var altezza iframe.contentWindow.document.body.scrollHeight;    iframe.height altezza+"px"; }}</script> 
    con

    <iframe id="iframe" src="url" ></iframe>

    Prova 3

    <div class="container">


    <iframe id="myIframe" src="url" frameborder="0" width="100%" height="100%"></iframe>
    </div>

    Si li ho provati ma tutti non mi considerano l'altezza responsive e tutti la mantengono uguale a ca 200 pixel ma non riesco a trovare dove impostare dinamicamente l valore in base alla dimensione della finestra o al device utilizzato.

    GRAZIE


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.