Hello to everybody, I'm writing you since I'm getting a strange problem with getting height/width of a div I've inserted with div.html (data); Ive got this HTML :
<div id="rootDiv" style="border: 1px solid #BAD3E0; visibility: hidden;"> <div id="content"> </div> <div id="navigation" style="width: 20%; text-align: left; display: block;"> <div id="prevButton" style="margin: 0px 2px 2px 2px; float:left;"> <img src="images/prev.jpg" id="imgPrev" alt="prev" /></ div> <div id="nextButton" style="margin: 2px;"> <img src="images/next.jpg" id="imgNext" alt="next" /></ div> </div> </div> I need to autoresize the rootDiv at the size of the div('#content') Here's the javascript: var currentPage = 0; var maxPage = 0; var idDIV = DIV_ID; var args = { 'lang': lang, 'keyword': keyword, 'servicename': servicename, 'size': size, 'sourceSite': sourceSite, 'showSuggested': showSuggested, 'action': action }; var xhr = $.post(url, args, function(data) { var div = $('#content'); div.html(data); currentPage = xhr.getResponseHeader('currentPage'); maxPage = xhr.getResponseHeader('maxPage'); (*) $(document).oneTime(2000, function(data) { var iframe = div.find('#PanelRSSyahoo')[0]; if (iframe != null) { $('#rootDiv').css('width', iframe.clientWidth); $('#rootDiv').css('visibility', 'visible'); if (currentPage == 0) $('#prevButton').css('visibility', 'hidden'); else $('#prevButton').css('visibility', 'visible'); if (currentPage == maxPage) $('#nextButton').css('visibility', 'hidden'); else $('#nextButton').css('visibility', 'visible'); } }); }); I had to insert the oneTime function otherwise after the (*) I got the whole width size... it's as if the DOM refreshed after a little bit of time... but this cause the page to show up two seconds later... any suggestion?? Thanks in advance Paolo