Utility
Home Messaggi odierni FAQ Ricerca avanzata Lo staff del forum Regolamento Utenti Archivio
Visualizzazione dei risultati da 1 a 6 su 6

Discussione: popup ridimensionabile

  1. 21-10-2003, 14:12 #1
    w_t
    w_t non è in linea
    Utente di HTML.it L'avatar di w_t
    Registrato dal
    Nov 2001
    Messaggi
    1,309

    popup ridimensionabile

    Devo aprire una pop-up che prende la dimenzione automaticamente alla Tabella che ha all'interno,

    questa tabella puo cambiare dimenzioni ad ogni apertura, quindi la pop-up si deve adattare da sola alla tabella ad ogni apertura.

    Grazie in anticipo!
    Rispondi quotando Rispondi quotando
  2. 21-10-2003, 14:52 #2
    Xinod
    Xinod non è in linea
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    nel documento in popup
    <script type="text/javascript">
    function ridimensiona() {
    var w=document.getElementById('tabella').offsetWidth;
    var h=document.getElementById('tabella').offsetHeight;
    self.resizeTo(w,h);
    }
    window.onload=ridimensiona
    </script>
    <table id="tabella">
    ...
    Rispondi quotando Rispondi quotando
  3. 21-10-2003, 15:08 #3
    w_t
    w_t non è in linea
    Utente di HTML.it L'avatar di w_t
    Registrato dal
    Nov 2001
    Messaggi
    1,309
    Scusami ma dato che la tabella e' generata dinamicamente dal PHP non si sa quanto e' grande fino a che non e' finito il ciclo WHILE, allora l'id="tabella" non lo sente piu' e quindi la misura e' sballata,

    non si puo' fare in modo da ridimensionare a qualsiasi elemento che e' conenuto nella pop-up ???
    Rispondi quotando Rispondi quotando
  4. 21-10-2003, 16:25 #4
    Xinod
    Xinod non è in linea
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    fidati, se c' è qualche problema non può essere quello

    php scrive quello che deve scrivere,
    javascript verrà sempre eseguito dopo (lato client)
    per di + lo script che ti ho postato scatta al termine del caricamento,
    ricontrolla
    Rispondi quotando Rispondi quotando
  5. 23-10-2003, 18:35 #5
    w_t
    w_t non è in linea
    Utente di HTML.it L'avatar di w_t
    Registrato dal
    Nov 2001
    Messaggi
    1,309
    Non va neppure qui':

    codice:
    <html>
<head>
<title></title>
<script language="JavaScript" type="text/JavaScript">
<!--

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script type="text/javascript"> 
function ridimensiona() { 
var w=document.getElementById('oggetto').offsetWidth; 
var h=document.getElementById('oggetto').offsetHeight; 
self.resizeTo(w,h); 
} 
window.onload=ridimensiona 
</script>
</head>
<body background="../ImageHome/pattern.jpg" link="#003366" vlink="#003366" alink="#003366" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="200" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF" id="oggetto">
<tr> 
<td width="200" height="30" valign="top">

<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="200" height="30" bgcolor="#4892C8"></td>
</tr>
</table>

</td>
</tr>
<tr> 
<td height="8" valign="top">

<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="200" height="8" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
<tr> 
<td height="20" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="200" height="20" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Calendario</font></td>
</tr>
</table>

</td>
</tr>
<tr> 
<td height="8" valign="top">

<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="200" height="8" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
<tr> 
<td height="25" valign="top">


<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Gennaio</font></td>
</tr>
</table>

</td>
<td width="7" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<td width="33%" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Febbraio</font></td>
</tr>
</table>

</td>
<td width="7" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<td width="33%" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Marzo</font></td>
</tr>
</table>

</td>
</tr>
</table>


</td>
</tr>
<tr> 
<td height="5" valign="top">

<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="200" height="5" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
<tr> 
<td height="85" valign="top">


<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Aprile</font></td>
</tr>
</table>

</td>
<td width="7" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<td width="33%" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Maggio</font></td>
</tr>
</table>

</td>
<td width="7" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<td width="33%" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Giugno</font></td>
</tr>
</table>

</td>
</tr>
</table>


<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="200" height="5" bgcolor="#E9E9E9"></td>
</tr>
</table>


<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Luglio</font></td>
</tr>
</table>

</td>
<td width="7" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<td width="33%" valign="top"><table width="62" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Agosto</font></td>
</tr>
</table>

</td>
<td width="7" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<td width="33%" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Settembre</font></td>
</tr>
</table>

</td>
</tr>
</table>


<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="200" height="5" bgcolor="#E9E9E9"></td>
</tr>
</table>


<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Ottobre</font></td>
</tr>
</table>

</td>
<td width="7" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<td width="33%" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Novembre</font></td>
</tr>
</table>

</td>
<td width="7" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="7" height="25" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<td width="33%" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="33%" height="25" align="center" valign="middle"><font color="#003366" size="1" face="Arial, Helvetica, sans-serif">Dicembre</font></td>
</tr>
</table>

</td>
</tr>
</table>


</td>
</tr>
<tr> 
<td height="5" valign="top">

<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="200" height="5" bgcolor="#E9E9E9"></td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="14"></td>
</tr>
</table>
</body>
</html>
    Rispondi quotando Rispondi quotando
  6. 23-10-2003, 21:37 #6
    Xinod
    Xinod non è in linea
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    se copio/incollo in un nuovo documento tutto il codice che hai postato lo script funziona, nel senso che ridimensiona la finestra,
    che non sia preciso è un altro discorso,
    resizeTo(w,h) ridimensiona tutta la finestra (barre comprese: toolbar, menubar,location, varie ed eventuali)
    quindi:
    o fai 2 calcoli su quali sono le barre presenti e aggiungi le misure a w e h, x es:
    var w=document.getElementById('oggetto').offsetWidth+3 0;
    var h=document.getElementById('oggetto').offsetHeight+ 160;

    altrimenti prova così (non servono calcoli da parte tua)
    codice:
    <script type="text/javascript"> 
function ridimensiona() { 
b_w=function() {return ((window.innerWidth)?window.innerWidth:document.body.clientWidth)}
b_h=function() {return ((window.innerHeight)?window.innerHeight:document.body.clientHeight)}
rsz=function() {self.resizeTo(ww,hh)}

ww=b_w()
hh=b_h()
rsz()
ww2=b_w()
hh2=b_h()
w_add=(ww-ww2)
h_add=(hh-hh2)

ww=document.getElementById('oggetto').offsetWidth+w_add; 
hh=document.getElementById('oggetto').offsetHeight+h_add; 
rsz()
} 
window.onload=ridimensiona 
</script>
    ciao
    Rispondi quotando Rispondi quotando
« Discussione precedente | Prossima discussione »

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  

Regole del Forum

Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.