I am currently trying to create a dialog box that is populated with
html from an ajax call.
The code:
$('table#TABLE_2 tbody.collapsable').each(function(){$(this).find
('td')
.click(function(){
$modelNumber = $(this).parent().find('.model').text();
$.post("/SVACalculator/IncomeStatementServlet?
userAction=getIncomeStatement&model="+$modelNumber, function(data) {
var dialog = $('<div class="flora"
id="incomeStatement">'+data+'</div>').insertAfter('#TABLE_3');
$(dialog).dialog({modal:true, height: 500, width: 500,
buttons:{ 'Download to Excel': function(){
window.open("/SVACalculator/IncomeStatementServlet?
userAction=downloadExcel");
}} });
});
return false;
})
});
Sorry about the messy format, but this code works fine in Firefox, but
when using it with IE both the height and width are set to auto. This
seems to be happening due to an inline style that is being applied to
the DIV element. I am not sure why this is happening.
Any suggestions?
Thanks!
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
