[jokeryuga]

Доброго времени суток. Смотрел как сделать модальное окно со своим контентом при помощи fancybox, но так и не нашёл нужного мне( а нужно мне, чтобы после ввода в поля кредитного калькулятора значений, результат выводился в виде таблицы в этом самом модальном окне. на сегодняшний день реализовано это с помощью css но хотелось бы с fancybox разобраться...помогите пожалуйста.
приведу код с формой и с обработкой, которая сейчас имеется

<style type="text/css">

			#calcRes {top:120px;left:0;width:100%;display:none;z-index:20000}

			#calcRes div {postion:relative;width:80%;margin:0 auto;background:#eee;border:4px solid #aaa;padding:8px}

		</style>

		 <form action="/addons/shared_addons/themes/interchange/data/text.php" method="POST" onsubmit="formHandler(this);return false">

		 <div class="fields"><label for="bank"><b>Выберите банк из списка: </b></label>'.$content.'</br><p></p></div>

		 <form action="kalkuljator/calc_res" method="POST">

		 <div class="fields"><label for="srok"><b>Срок кредитования(месяцы):</b></label> <input type="mytext" name="srok" id="srok" /></br><p></p></div>

         <div class="fields"><label for="summ"><b>Сумма кредита:</b></label> <input type="mytext" name="summ" id="summ" /></br><p></p></div>

         <input type="submit" value="Рассчитать" />

         </form>

		 <script type="text/javascript">

			function formHandler(formEl) {

			

			proverka = true;

			re = /^\d+$/;

			if (formEl.srok.value <= 0 || formEl.srok.value == "" || formEl.srok.value*1 != Math.abs(formEl.srok.value) || !re.test(formEl.srok.value))

			{

			 alert("Срок кредитования введён неверно!");

			 proverka = false;

			}

			

			if (formEl.summ.value <= 0 || formEl.summ.value == "" || formEl.summ.value*1 != Math.abs(formEl.summ.value) || !re.test(formEl.summ.value))

			{

			 alert("Сумма кредита введена неверно!");

			 proverka = false;

			}

			

			if(proverka == true)

				{

				var param=$(formEl).serializeArray();

				

				$.post(formEl.action, param, function(data){

					

					calcResEl = document.createElement(\'div\');

					document.body.appendChild(calcResEl);

					calcResEl.id = \'calcRes\';

					calcResEl.appendChild(document.createElement(\'div\'));

		

					$(\'#calcRes div\').html(data);

					$(\'#calcRes\').css({position:\'absolute\',display:\'block\',opacity:0});

					$(\'#calcRes\').animate({opacity:1},500);

				});

				}

				else return false;

			};

		</script>