Ciao a tutti non sono riuscito a trovare niente di utile, ho questo problema.
ho una pagina principale index.htm con questo codice:
<script type="text/javascript">
<!--
var stile = "width=%, height=%";
function Popup(apri) {
window.open(apri, "", stile);
}
//-->
</script>
un link su questa pagina:
dettaglio
e fino a qui tutto ok..
ora nel popup.htm c'è una tabella, vorrei che questo si aprisse come grandezza dinamicamente alla tabella!!!
Come posso fare?
Ciao e Grazie
ciao autosys,
la soluzione nel forum ci sarebbe, a cercare bene
chiaramente scordati di poter conoscere quelle misure prima di aver aperto la popup
puoi fare così
- apri a dimensioni note (al di sotto di 100*100px non puoi andare)
nel documento in popup
- azzera i margini del documento
- assegna un id alla tabella in questione
- richiama onload sul body (e, se vuoi, anche onresize) una funzione tipo questa
12 e 30 sono lo spazio occupato da telaio e barra del titolo,codice:function ripos(){ var obj=document.getElementById('id_tabella') var w=obj.offsetWidth+12 var h=obj.offsetHeight+30 var sW=screen.availWidth var sH=screen.availHeight self.resizeTo((w<sW?w:sW),(h<sH?h:sH)) self.moveTo((w<sW?(sW-w)/2:0),(h<sH?(sH-h)/2:0)) }
supponendo che tu apra la popup priva delle barre dei menù,
variano un po' da browser a browser
(volendo si possono ricavare anche dinamicamente ma non volevo renderti lo script + complesso)
se non ti fosse chiaro qualche passaggio ci risentiamo
Potresti gentilmente farmi vedere la struttura che devo applicare, conosco poco javascritp... la fuction dove la inserisco dentro <scripts>?
Ciao e Grazie
Originariamente inviato da Xinod
ciao autosys,
la soluzione nel forum ci sarebbe, a cercare bene
chiaramente scordati di poter conoscere quelle misure prima di aver aperto la popup
puoi fare così
- apri a dimensioni note (al di sotto di 100*100px non puoi andare)
nel documento in popup
- azzera i margini del documento
- assegna un id alla tabella in questione
- richiama onload sul body (e, se vuoi, anche onresize) una funzione tipo questa
12 e 30 sono lo spazio occupato da telaio e barra del titolo,codice:function ripos(){ var obj=document.getElementById('id_tabella') var w=obj.offsetWidth+12 var h=obj.offsetHeight+30 var sW=screen.availWidth var sH=screen.availHeight self.resizeTo((w<sW?w:sW),(h<sH?h:sH)) self.moveTo((w<sW?(sW-w)/2:0),(h<sH?(sH-h)/2:0)) }
supponendo che tu apra la popup priva delle barre dei menù,
variano un po' da browser a browser
(volendo si possono ricavare anche dinamicamente ma non volevo renderti lo script + complesso)
se non ti fosse chiaro qualche passaggio ci risentiamo
ecco l' esempiocodice:<html> <head> <title></title> <style type="text/css"> body { margin:0px; } </style> <script type="text/javascript"> function ripos(){ var obj=document.getElementById('id_tabella') var w=obj.offsetWidth+12 var h=obj.offsetHeight+30 var sW=screen.availWidth var sH=screen.availHeight self.resizeTo((w<sW?w:sW),(h<sH?h:sH)) self.moveTo((w<sW?(sW-w)/2:0),(h<sH?(sH-h)/2:0)) } </script> </head> <body onload="ripos()" onresize="ripos()"> <table id="id_tabella" width="400" cellpadding="5" cellspacing="1" border="1"> <tbody> <tr><td>a</td><td>b</td></tr> <tr><td>c</td><td>d</td></tr> <tr><td>e</td><td>f</td></tr> <tr><td>g</td><td>h</td></tr> <tr><td>i</td><td>l</td></tr> <tr><td>m</td><td>n</td></tr> </tbody> </table> </body> </html>
Permessi di invio
Rispondi quotando