Ie Problem With Loading Data Via Setdataurl

[bigtoe416]

I'm inserting some HTML with a multi-line fusion chart rendered by Ruby on Rails into a perl page. In Firefox, Safari, and Opera everything works fine, but IE7 (and presumably IE6) both fail when executing some of my javascript to update the chart. I'm loading my chart inside of a JQuery dialog object, which is a javascript modal dialog. Normally IE behaves fine and after the first dialog load I can change a dropdown which calls setDataURL and requests an XML update to the chart, which all works perfectly. If I close the dialog and reopen it, then the dropdown's setDataURL fails with a "Unknown name" error. If I don't call the dialog constructor and just let the div be visible, then the dropdown doesn't work at all, and I get an "Unknown name" error. One interesting thing about IE and the dialog is that when it is opened a second time the chart and the dropdown are the same as they were before closing the dialog. In the other browsers the chart reverts back to the initial setting but the dropdown remains what it was prior to being closed.

 

Here is what I've tried thus far:

1. Since I am using SSL/HTTPS, I told both the HTML partial from RoR and the XML chart data to set response.headers["Pragma"] = "public" and response.headers["Cache-Control"] = "cache, must-revalidate". Didn't seem to have any effect.

2. Instead of using getChartFromId I instead called the FusionChart constructor along with render and print. This doesn't throw a javascript error, but it doesn't display the requested chart either.

3. Escaping the URL used in setDataURL. Didn't seem to make a difference.

4. Tried not using HTTPS, switched everything over to use HTTP. Didn't notice a difference.

 

I have the register_with_js flag set also, just to get that out of the way. Not sure what else I can do at this point.

 

Here are relevant bits of my code:

 

rails controller methods:

 

def historical

response.headers["Pragma"] = "public"

response.headers["Cache-Control"] = "cache, must-revalidate"

render :layout => false

end

 

def historical_data

response.headers["Pragma"] = "public"

response.headers["Cache-Control"] = "cache, must-revalidate"

range = lookup_range(params[:range] || t('.performance_feedbacks.historical.days_7'))

@categories, @values = get_data_method

render :layout => false

end

 

rails view code (in haml):

 

historical.html.haml:

#historical_performance

.range

= t '.range'

- onchange = "getChartFromId('historical_chart').setDataURL('#{historical_data_performance_feedbacks_path}?range=' + this.options[this.selectedIndex].text + '&session_token=#{params[:session_token]}');"

= select_tag 'date_selector', '<option>' + @historical_range.join('</option><option>') + '</option>', :onchange => onchange

.note

= t '.insufficient_data_note'

#historical_performance_chart.chart

- render_chart('/nextgen/FusionCharts/MSLine.swf', historical_data_performance_feedbacks_path(:session_token => params[:session_token]), '', 'historical_chart', 600, 300, true, true) do end

 

historical_data.html.haml:

%graph{:yAxisMaxValue => '10',

:decimalPrecision => '0',

:lineColor => '00A7E2',

:lineThickness => '2',

:showShadow => '0',

:numdivlines => '9',

:rotateNames => '1',

:anchorRadius => '7',

:anchorBgColor => 'FFFFFF',

:anchorBorderColor => '00A7E2',

:anchorBorderThickness => '2',

:AlternateVGridColor => 'F4F6EF',

:showAlternateHGridColor => '1',

:showValues => '0',

:anchorSides => '20',

:chartLeftMargin => '10',

:chartRightMargin => '10',

:animation => '0'}

%categories

- @categories.each do |c|

%category{:name => "#{c}"}

%dataset{:seriesName => t('.your_score'), :color => '00A7E2'}

- @categories.each do |date|

- v = @values.detect{|v| v[:date] == date} || nil

- if v && v[:value]

%set{:value => "#{v[:value]}"}

- else

%set

%dataset{:seriesName => t('.minimum_score'), :color => '9D0000', :showAnchors => '0'}

- @categories.size.times do

%set{:value => @minimum_score}

 

perl code that inserts rails render:

% if ($use_results_management) {

<div id="historical_data_box" title="Performance Feedback Chart">

% use LWP::UserAgent;

% my $browser = LWP::UserAgent->new();

% my $url = 'http://' . $g_siteconfig->get_server_hostname() . "/performance_feedbacks/historical?session_token=" . read_cookie("acs_session");

% my $res;

% eval {

% $res = $browser->get($url);

% };

% if (!$@) {

% print $res->content;

% } else {

% print "Error retrieving the performance feedback chart.";

% }

</div>

 

<script>

// Historical data dialog.

$("#historical_data_box").dialog({

width: 640, height: 480,

modal: true, autoOpen: false, resizable: false, bgiframe: true,

overlay: { opacity: 0.5, background: "black" },

buttons: {

'Close': function() { $("#historical_data_box").dialog("close"); }

}

});

</script>

 

 

----------------------

 

Any help would be great, I haven't made progress on this issue in days.

[bigtoe416]

I ended up getting the latest versions of the swf files and the javascript files, after which I changed my setDataURL to setChartDataUrl. I am still seeing weird behavior with IE not correctly loading the data after the chart is shown, updated, hidden, and then shown again. The change in the dropdown is actually making the AJAX call, the server is correctly responding, but the flash object doesn't update the data. It should be noted that when creating charts that are initially visible, the passed chart id is correctly set. If the chart is hidden, then it defaults to 'chartobject-1' (or -# if there is more than one chart).

 

I dunno if this helps somebody figure out what exactly is going wrong here, but in Firefox when I reopen the javascript popup, the debug log is reset to having a single data fetch. In IE it retains the long list of all previous updates. I suspect my problem has something to do with this post: http://forum.fusioncharts.com/topic/2171-problem-with-drilldown-chart-in-a-hidden-div/page__p__7951__hl__%2Bdialog+%2Bjquery__fromsearch__1#entry7951