Jquery redimensionar Dialog
Publicado por Fabian (2 intervenciones) el 03/01/2012 20:26:00
Buenos dias, les comento que estoy haciendo una sistema web en donde gran parte de la navegacion se realiza mediante ventanas popups.
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.
La idea seria de que al abrirse el popup, este tome el tamaño de su contenido.
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!
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.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<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.
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!
Valora esta pregunta
0