ridimesionare popup al contenuto con o senza jquery

**pietro09** · 18-04-2012, 18:40

Da una pagina A vorrei aprire un Popup B ma ridimensionandola al suo contenuto.

Tanto tempo fa avevo provato con una immagine, ma qui non ho una immagine ma un plugin color picker.

Ringrazio per i consigli. ciao

**ispuk** · 18-04-2012, 22:34

credo che entrino in gioco i css non il js ...

**simo22** · 19-04-2012, 06:46

No, entra in gioco il javascript.
In teoria dovresti misurare quanto spazio occupa realmente l'elememto body del popup, e poi applicare il risultato all'altezza del popup stesso.

**ispuk** · 19-04-2012, 15:33

si ma se il popup ha dimensioni fluide e il contenuto lo stesso non serve proprio il js

**carlomarx** · 19-04-2012, 15:37

@pietro09
Devi usare finestra.innerWidth e finestra.innerHeight…

@ispuk
Sta parlando di un popup, non di un div con position: fixed con funzione di pseudopopup…

**pietro09** · 19-04-2012, 15:45

vi ringrazio... e provo

**ispuk** · 19-04-2012, 16:12

@carlomax
ops, pensavo che i popup come li intendete voi fossero obsoleti ormai :| , ho capito a quali vi riferite ma ne negavo l'esistenza viste le nuove tecnologie e i progressi del web , pardon.

**carlomarx** · 19-04-2012, 16:17

Originariamente inviato da ispuk
@carlomax
ma che te stai a inventà? è sempre è comunque un elemento html , o stiamo davvero parlando di un popup stile alert message?? :|

Intanto abbassa la cresta

Un popup non è un oggetto HTML. È un oggetto javascript puro e non c'entrano nulla i CSS. Mi dici come potresti rappresentare in HTML questo codice????

codice:

  var finestra = window.open("pagina.html", "nomepagina", "top=10, left=10, width=250, height=200, status=no, menubar=no, toolbar=no scrollbars=no");

**carlomarx** · 19-04-2012, 16:52

Originariamente inviato da ispuk
@carlomax
ops, pensavo che i popup come li intendete voi fossero obsoleti ormai :| , ho capito a quali vi riferite ma ne negavo l'esistenza viste le nuove tecnologie e i progressi del web , pardon.

Santa pazienza…

Non si sovrascrivono i messaggi offensivi con delle scuse, al massimo si scrive un nuovo post con le scuse (e meno male che ti ho citato nella mia risposta)...
Non è "come li intendiamo noi" (noi chi??). È che popup significa quello, punto e basta. E, soprattutto, è quello che chiedeva pietro09
Non mi hanno mai fatto impazzire… ma i popup restano uno strumento preziosissimo in determinate circostanze
Le risposte sbagliate sono un danno non solo per l'utente ma anche per chi consulta il forum
passivamente (ergo: quando rispondiamo sforziamoci di capire cosa chiede l'utente, non di affermare la nostra volontà di potenza)

**pietro09** · 19-04-2012, 17:06

il codice di sotto funziona con IE (9 e compatibilità), Firefox e Opera. Ma non con Chrome.

In ambiente intranet ho provato di tutto e, alla fine, le tradizionali popup le sto rivalutando. Nel mio caso, il programma originale, non fatto da me e pagato un bel po', fa uso di frame (sì, qualcuno gli usa ancora

). Perciò non si può usare un <div trascinabile in tutto lo schermo, ma solo nella pagina del frame.

Ecco perchè uso un popup che contiene il plugin jPicker.
Adesso, non uso nessun codice, tranne quello che apre il popup che è abbastanza passabile.
Se volete dare un'occhiata al codice di sotto, mi farebbe piacere.

codice:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="b.aspx.vb" Inherits="prove_b" %>

<!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 runat="server">
    <title></title>
    <style type="text/css">
        html, body {margin:0; padding:0;}
    </style>

    <script src="../js/libreria.comp.js" type="text/javascript"></script>
    <script src="../js/jquery/jquery-min.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
// <![CDATA[

$(document).ready(function() 
        {
            ridimensiona($("#div1"));    
        }
    );

window.onload = function()
    {
        

    };

function ridimensiona(v)
{
	window.setTimeout(function() {onsetTimeoutRidimensiona(v);}, 1);
}

function onsetTimeoutRidimensiona(v)
{
	var w = $(window).outerWidth();
	var h = $(window).outerHeight();

    window.resizeBy(v.outerWidth() - w, v.outerHeight() - h); 
}




// ]]>
</script>
<body>
    <form id="form1" runat="server">
    <div id="div1" style="width:500px; height:300px; background-color:black; border:1px red none;">
        
    </div>
    </form>
</body>
</html>

e viene lanciata al solito modo

codice:

function Button1_onclick()
{
    apri_pagina_popup();
}


var w_pagina_popup = null;
function apri_pagina_popup(v)
{
    var pagina = "b.aspx";
    var w = 450, h = 450, t = 200, l = 200;
	var stile = "left=" + l
	            + ",left=" + l
	            + ",top=" + t
	            + ",height=" + (h - 4)
	            + ",width=" + (w - 4)
	            + ",resizable=yes"
	            + ",scrollbars=0"
	            + ",menubar=no"
	            + ",status=no"
	            + ",directories=0"
	            + ",location=0"
	            + ",toolbar=0";
	
	var nome = "pagina_popup";
	w_pagina_popup = my_msgbox1("<h3 style='color: #003366;'>Prego attendere!</h3>", nome, stile);
    
    //invio parametri via post: per prima l'id_chiamante
    //var parametri = {"id_chiamante":v.id, layer_name:"NomeLayer", key:"ABC"};
    submitData(pagina, null , nome);
    if(w_pagina_popup) w_pagina_popup.focus();

}

ps. submitData non fa altro che lanciare pagina via post

Discussione: ridimesionare popup al contenuto con o senza jquery

Strumenti discussione

Ricerca discussione

Visualizza

ridimesionare popup al contenuto con o senza jquery

Permessi di invio