iframe con max estensione possibile

**pietro09** · 20-07-2016, 10:24

Col codice di sotto tento, senza successo, di mettere un iframe nella pagina che abbia la massima larghezza e altezza possibile, ossia che sia ancorata al vertice sinistro-alto e vertice destra-basso.
Non funziona specialmente quando ridimensiono altezza e larghezza del browser.
Mi dareste una mano?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title>
    div ancorato
    </title><link href="../../App_Themes/classico10/StyleSheet.css" rel="stylesheet" type="text/css" />
    
    <script src="../../js/jquery/jquery-min.js" type="text/javascript"></script>


<script type="text/javascript">
// <![CDATA[

$(document).ready(function() 
        {
            var wborder = 0; //larghezza bordo div
            var wpadding = 0; //padding

            var ht = $(window).height();
            var wt = $(window).width();
            var v = $("#iframe1");

            v.css(
                    {
                        "width": "100%",
                        "border": wborder + "px red solid",
                        "padding": wpadding + "px"
                    });
            
            $(window).resize(function(event)
            {
                //v.attr("src", noCache("http://localhost/"));
                v.height( ht - v.offset().top - (wborder * 2) - (wpadding * 2) - 8 );
                v.width( wt - v.offset().left - (wborder * 2) - (wpadding * 2) - 8 );
            }).resize();
            
        
        
        
        
        }
    );


// ]]>
</script>
</head>
<body>
    <form method="post" action="./iframe_ancorato.aspx" id="form1">
    <div id="div1">
        <h1>Prova</h1>
        <iframe id="iframe1" src="http://localhost/"></iframe>
        
    </div>
    </form>
</body>
</html>

**willybit** · 21-07-2016, 00:31

Ciao pietro09,
mi ricordo di te

prova così

codice:

<script type="text/javascript">
// <![CDATA[
var wborder = 0; //larghezza bordo div
var wpadding = 0; //padding
var ht, wt, v
$(document).ready(function(){
	v = $("#iframe1");
	v.css({
		"width": "100%",
		"border": wborder + "px red solid",
		"padding": wpadding + "px"
	});
	adatta();
});
function adatta(){
	ht = $(window).height();
        wt = $(window).width();
	v.height( ht - v.offset().top - (wborder * 2) - (wpadding * 2) - 8 );
        v.width( wt - v.offset().left - (wborder * 2) - (wpadding * 2) - 8 );
}
$(window).resize(function(event){
	adatta();
});
// ]]>
</script>

**pietro09** · 21-07-2016, 07:26

mi ricordo di te

e già

si, ho capito dove sbagliavo.

??? ma serve javascript per questo???, non basta css?

Discussione: iframe con max estensione possibile

Strumenti discussione

Ricerca discussione

Visualizza

iframe con max estensione possibile

Permessi di invio