How to customize jquery dialog appearance -


many time use below code show jquery dialog want customize it.

jquery('#dialog').load('path page').dialog('open');  

suppose when click on link small jquery dialog open busy image way. here screenshot. enter image description here

so dialog show progress bar , after getting html data server side want increase height & width of dialog in loop upto level best fit html data inside in dialog. here bit code that

$(".ui-dialog").animate({ left: (($(window).width() - 346) / 2) + 'px', top: (($(window).height() - 305) / 2) + 'px', height: '305px', width: '346px' }, 200, function () { $("#dialog").removeclass("busystyles").find('#faxmain').fadein(2000); $("#dialog").css({ height: '26px' }); }); 

so guide me sample code how customize line jquery('#dialog').load('path page').dialog('open'); have desired effect.

so guide few steps 1) how set busy image @ center of dialog 2) how work load() callback notify me data comes @ client side 3) how detect height & width of html data including css style sheet applied on html

looking guidance. thanks


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -