Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Altezza Dinamica IFRAME

    Ciao a tutti!
    ho una pagina con due iframe (un menù e una pagina contenuti)con il seguente codice:

    <DIV align=center><IFRAME id=pluto name=Top src="test_file/alto.htm"
    frameBorder=0 width=805 scrolling=no height=185></IFRAME></DIV>
    <DIV align=center><IFRAME id=pippo name=main src="test_file/home.htm"
    frameBorder=0 width=805 scrolling=no height=900></IFRAME></DIV></BODY></HTML>

    il problema è che il secondo Iframe, con altezza fissa di 900px, vorrei avesse una altezza dinamica in base ai contenuti.

    come posso fare?
    Grazie
    VKR

    ps. ho già provato alcuni script postati nel forum ma non mi fuziano...

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    anche quanto scritto qui
    http://www.dyn-web.com/dhtml/iframes/
    (setting iframe height) ?

  3. #3
    mmm si... ma non mi funziona...temo di non aver capito come usarlo
    avete qualche esempio?
    Grassie
    VKR

  4. #4

    TROVATO!!!

    nella pagina che contiene iframe: (nome e id uguali a mainframs)

    <script type="text/javascript" language="JavaScript">
    <!--
    function ridif()
    {
    if(top.frames['mainFrame'].document.height){
    altiframe = top.frames['mainFrame'].document.height;
    }
    else if(top.frames['mainFrame'].document.body.scrollHeight){
    altiframe = top.frames['mainFrame'].document.body.scrollHeight;
    }
    else if(top.frames['mainFrame'].document.offsetHeight){
    altiframe = window.frames['mainFrame'].document.offsetHeight;
    }

    if(document.getElementById){
    document.getElementById('mainFrame').style.height = altiframe + 40 + "px";
    }
    else if(document.all){
    document.all['mainFrame'].style.height = altiframe + 40 + "px";
    }
    }
    //-->
    </script>

    nelle pagine che devono aprirsi nell'iframe prima del tag </body>

    <script type="text/javascript" language="javascript">
    <!--
    top.ridif();
    document.onload=top.ridif();
    // -->
    </script>

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.