JQuery - Jquery redimensionar Dialog

   
Vista:

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.
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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Jquery redimensionar Dialog

Publicado por duende (1 intervención) el 06/02/2012 14:57:18
Hola prueba esto...

1
2
3
4
5
6
7
8
$( "#whatup" ).dialog({
 "resize", "auto"
  autoOpen: false // oculto
});
 
 
$('#inside').append("Hello!<br>");
$( "#whatup" ).dialog("open");
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Jquery redimensionar Dialog

Publicado por Fabian (2 intervenciones) el 06/02/2012 15:03:52
Gracias por la respuesta, pero estuve haciendo algunas pruebas y logre que este ejemplo se redimensione, pero en mi caso particular uso un iframe para cargar el contenido dentro del dialog. Pero al hacer esto, no se conoce el tamaño necesario del Iframe, por lo que no lo pude hacer funcionar.

Por el momento la unica solucion que tengo es pasarle los pixeles que voy a necesitar para abrir el popup.. pero no es la mejor solucion que tenia pensado
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar