Question
cfchart inside a cfdiv bind
Coldfusion 8, IE 6.0. This is only happening in IE, not in
Firefox. I had to add this code to get the cfdiv call to work at
all:
<script type="text/javascript" charset='utf-8' src='/CFIDE/scripts/CF_RunActiveContent.js'></script>
The code will execute, but it breaks out of its div and takes over the whole area. Note, the code below is a scaled down example. When it runs in Firefox, "Testing 8" appears on the left, with the chart on the right. When it runs in IE, just the chart appears. Any insight into this would be greatly appreciated!
main1.cfm
<script type="text/javascript" charset='utf-8' src='/CFIDE/scripts/CF_RunActiveContent.js'></script>
<cfoutput>
<html>
<cfajaximport tags="cfform" />
<body>
<h2>Test</h2>
<div style="float:left;width:150px;">
#repeatString("Testing Testing Testing",8)#
</div>
<cfdiv bind="url:results.cfm"
id="t1"
name="t1"
style="float:left;width:300px">h</cfdiv>
</body>
</html>
</cfoutput>
results.cfm:
<cfoutput>Testing.
<cfchart pieslicestyle="sliced" chartheight="200"
chartwidth="240">
<cfchartseries type="pie">
<cfchartdata item="Item 1" value="20">
<cfchartdata item="Item 2" value="30">
<cfchartdata item="Item 3" value="50">
</cfchartseries>
</cfchart><br>
</cfoutput>
<script type="text/javascript" charset='utf-8' src='/CFIDE/scripts/CF_RunActiveContent.js'></script>
The code will execute, but it breaks out of its div and takes over the whole area. Note, the code below is a scaled down example. When it runs in Firefox, "Testing 8" appears on the left, with the chart on the right. When it runs in IE, just the chart appears. Any insight into this would be greatly appreciated!
main1.cfm
<script type="text/javascript" charset='utf-8' src='/CFIDE/scripts/CF_RunActiveContent.js'></script>
<cfoutput>
<html>
<cfajaximport tags="cfform" />
<body>
<h2>Test</h2>
<div style="float:left;width:150px;">
#repeatString("Testing Testing Testing",8)#
</div>
<cfdiv bind="url:results.cfm"
id="t1"
name="t1"
style="float:left;width:300px">h</cfdiv>
</body>
</html>
</cfoutput>
results.cfm:
<cfoutput>Testing.
<cfchart pieslicestyle="sliced" chartheight="200"
chartwidth="240">
<cfchartseries type="pie">
<cfchartdata item="Item 1" value="20">
<cfchartdata item="Item 2" value="30">
<cfchartdata item="Item 3" value="50">
</cfchartseries>
</cfchart><br>
</cfoutput>
AdChoices