Javascript error in IE8 (SetReturnValue method)

[Javascript error in IE8 (SetReturnValue method)]

By the way I also recommend adding

 

 

 

//Add wmode transparency to allow overlay

this.addParam('wmode', 'opaque');

 

 

 

to the FusionCharts.js file provided by FC to allow for overlaying any html you may want on top of the chart.

[Javascript error in IE8 (SetReturnValue method)]

I figured out the problem...

 

I basically make sure the div that the javascript is being injected into does not have the same id as the chartId otherwise IE will throw an error.

[Javascript error in IE8 (SetReturnValue method)]

I am having the same problem, My code works in Chrome and FF but throws an error in IE.

 

 

 

This is the error I am getting:

 

Line: 1

Error: Object doesn't support this property or method

 

When I debug with IE i find the error is on this line.

 

try { document.getElementById("mainChart").SetReturnValue(__flash__toXML(FC_Loaded("mainChart")) ); } catch (e) { document.getElementById("mainChart").SetReturnValue(""); }

 

 

 

I attached my source code perhaps someone can tell me if I'm doing something obviously wrong.

 

 

 

 

< !doctype html>

 

< html xmlns=" http://www.w3.org/1999/xhtml" >

 

< head>

 

< title> Test< /title>

 

< script SRC=" /js/fusionCharts/FusionCharts.js" type=" text/javascript" > < /script>

 

< script SRC=" /js/fusionCharts/FusionChartsExportComponent.js" type=" text/javascript" > < /script>

 

 

 

< /head>

 

< body>

 

 

 

< a class=" button" href=" javascript:void(0);" onclick=" initiateExport();" > Export/Print Chart< /a>

 

< br />

 

< div id=" mainChart" style=" " > The chart will appear within this DIV. This text will be replaced by the chart.< /div>

 

< script type=" text/javascript" >

 

var myChart = new FusionCharts(" /charts/FusionCharts/Column3D.swf" , " mainChart" , " 900" , " 300" , " 0" , " 1" );

 

myChart.setDataXML(" < chart exportEnabled='1'exportShowMenuItem='1'exportAtClient='1' exportHandler='fcExporter1' exportFileName='MyFile' showAboutMenuItem='0' showExportDataMenuItem='1' caption='Monthly Sales Summary' subcaption='For the year 2006' xAxisName='Month' yAxisName='Sales' numberPrefix='$'> < set label='January' value='17400' /> < set label='February' value='19800' /> < set label='March' value='21800' /> < set label='April' value='23800' /> < set label='May' value='29600' /> < set label='June' value='27600' /> < set label='July' value='31800' /> < set label='August' value='39700' /> < set label='September' value='37800' /> < set label='October' value='21900' /> < set label='November' value='32900' /> < set label='December' value='39800' /> < /chart> " );

 

myChart.render(" mainChart" );

 

< /script>

 

< div style=" float:left" id='handlerDivWrapper'>

 

< div id='exportHandlerDiv'> FusionCharts Export Handler Component< /div>

 

< /div>

 

< script type=" text/javascript" >

 

var fcExportComponent = new FusionChartsExportObject('fcExporter1', '/charts/FusionCharts/FCExporter.swf');

 

fcExportComponent.sourceCharts = " ['mainChart']" ;

 

//Full Mode

 

fcExportComponent.componentAttributes.fullMode = '1';

 

//Set saving type to individual

 

fcExportComponent.componentAttributes.saveMode = 'both';

 

//Show allowed export format drop-down

 

fcExportComponent.componentAttributes.showAllowedTypes = '1';

 

//Width and height

 

fcExportComponent.componentAttributes.width = '350';

 

fcExportComponent.componentAttributes.height = '250';

 

//Message - caption of export component

 

fcExportComponent.componentAttributes.showMessage = '1';

 

fcExportComponent.componentAttributes.defaultExportFileName = " my_file" ;

 

fcExportComponent.componentAttributes.message = 'Save file(s) in desired format, then open file to print or attach to email.';

 

//Render the exporter SWF in our DIV fcexpDiv

 

fcExportComponent.Render(" exportHandlerDiv" );

 

function initiateExport(){

 

fcExportComponent.BeginExportAll();

 

}

 

< /script>

 

< /body>

 

< /html>

 

 

 

 

By the way SANATIZE YOUR FORM INPUTS It makes me sick that i had to html encode my source just to post on your site...

[charts squished in top left corner]

Hey thanks for your reply, unfortunately that solution is not going to work for me. I found this documentation that says fusioncharts v3.1 now supports 100% width and height. I need this functionality because I do not know at render time what the width or height of the page is going to be.

http://www.fusioncharts.com/docs/?Debug/Basic.html

Some side notes.

• The charts are not always squished if I refresh the page its frequent but not guaranteed. 
• Secondly the charts that are squished are usually (not always) hidden on page load. I have some tabs that show/hide various divs on the page wrapping the charts.
• The width and height of my embedded element on the page is the correct size at render time (the swf inside is the one that seems to be squished)

[charts squished in top left corner]

I have a bunch of charts on a dashboard page. There are roughly 14 different charts/widgets displayed on the page at one time. In IE the charts will often get squished in the top left of the div containing the embed code however, the embed element has the correct width and height specified in the html (the chart is squished not the embed element). I don't know if this is due to the number of charts on the page or not, I have noticed if i remove some number of charts the problem happens left often.

Here is my code for embedding the chart (this is Coldfusion code)

<embed
class="embeded-chart"
src="/charts/fusionCharts/#local.swfName#"
flashVars="&dataXML=#local.chartXml#&chartWidth=100%&chartHeight=100%"
wmode="opaque"
quality="high"
width="100%"
height="100%"
name="#members.chartId#"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"/>

Any help would be appreciated thanks!

[FusionChart as image at render time]

I am wondering if there is anyway to tell the fusion chart at page render time to render as an image instead of an swf so if the user hits the print button the charts will be displayed. I am using coldfusion and i know i can just set a flag that says render as image, but how do i do this in JavaScript without having to export?

 

 

 

Thanks!