Actualmente estoy utilizando la UI de Jquery Dialog, pero tengo el inconveniente de que este popup no ajusta su tamaño a su propio contenido.
Para hacer un ejemplo, les paso el siguiente codigo
Código HTML :
<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script> </head> <body> <div id="whatup"> <table border='1' width='800px' height='600px'> <tr><td>a ver ahora!</td></tr> <div id="inside">Hi there.</div> </div> <script> jQuery(function () { $('#whatup').dialog( "resize", "auto" ); $('#whatup').dialog( ); setTimeout(function() { $('#inside').append("Hello!<br>"); setTimeout(arguments.callee, 1000); }, 1000); }); </script> </body> </html>
La idea seria de que al abrirse el popup, este tome el tamaño de su contenido, sin utilizar scrollbars(de ser posible).
No siempre tengo una tabla con un tamaño fijo, por lo que el tamaño no puede ser seteado, este fue solo un ejemplo rapido que hice.
Gracias!