Configuración del ancho y la altura de Fancybox mediante un formulario y ajax - jquery, ajax, fancybox

Tengo un formulario

<form action="getData.php" method="POST" id="myForm">
<input type="input" size="20" name="myName" />
<input type="submit" value="Login" id="submit" />
</form>

Que pasa los datos a fancybox.

<script type="text/javascript">
$(document).ready(function() {

$("#myForm").bind("submit", function() {

$.ajax({
type        : "POST",
width: "500",
height: "500",
cache       : false,
url         : "getData.php",
data        : $(this).serializeArray(),
success: function(data) {
$.fancybox(data);
}
});

return false;
});


});
</script>

Sin embargo, ¿parece que no puedo configurar el tamaño o el tipo de fancybox?

Respuestas

Los valores booleanos y enteros se deben establecer sin comillas.

Así que para configurar fancybox type como iframe con sus dimensiones específicas (una caja de 500x500px) modifique su script como:

$("#myForm").bind("submit", function() {
$.ajax({
type: "POST",
cache: false,
url: "getData.php",
data: $(this).serializeArray(),
success: function(data) {
$.fancybox(data,{
"width": 500,
"height": 500,
"type": "iframe",
"autoScale": false
}); // fancybox
} // success
}); // ajax
return false;
}); // bind

Desde el width, height y type son sus configuraciones de fancybox, deben ir dentro de la función fancybox, no en la ajax función.

Note también que nosotros nos ponemos autoScale a false para asegurarse de que obtendrá el tamaño como en su width/height opciones

prueba esto:

    $.fancybox.resize();