FusionCharts Forum / FusionCharts v3 / Using FusionCharts / JavaScript Problems / JavaScript Menu hiding behind the FusionCharts object / Latest Posts

RE: JavaScript Menu hiding behind the FusionCharts object

Sudipto Choudhury — Fri, 23 May 2008 06:29:31 GMT

Hi,

Could you please download the latest pack from www.fusioncharts.com/download.asp ? This pack contains the DLL in Code folder?

RE: JavaScript Menu hiding behind the FusionCharts object

juss3pp3 — Tue, 20 May 2008 09:42:34 GMT

where I can find the last dll?

RE: JavaScript Menu hiding behind the FusionCharts object

Sudipto Choudhury — Wed, 07 May 2008 00:41:23 GMT

Hi,

Please try setting the chart's wmode to transparent and also check the z-index of the modal window.

RE: JavaScript Menu hiding behind the FusionCharts object

nnxcoder — Tue, 06 May 2008 10:28:56 GMT

I am using a modal window which pops up over charts. But the modal window disappears behind the charts. Any clue what needs to be done?

Thanks,

--Narasimha

RE: JavaScript Menu hiding behind the FusionCharts object

tonyHarris — Wed, 30 Apr 2008 09:23:02 GMT

I also checked the .js param list that is written to the HTML page once the chart is rendered and these are the only params that are set:

Should the <param name="wmode" value="transparent" /> tags be in there? I have them in the FusionCharts.js file I'm using.

EDIT* I noticed that the .js file works when I use the FusionCharts.RenderChart() rather than the FusionCharts.RenderChartHTML(). But I have to use the FusionCharts.RenderChartHTML() function because I'm using an UpdatePanel.

EDIT* Problem fixed, I updated the .dll to the newest version and used the RenderChartHTML() function with the additional parameter for transparency. Works like a charm now.

RE: JavaScript Menu hiding behind the FusionCharts object

tonyHarris — Wed, 30 Apr 2008 09:13:16 GMT

I changed the z-index of the calendar extender using this css class:

.calStyle

{

z-index: 9999;

}

</style>

And the calendar extender background turned transparent and was still behind the flash chart.

RE: JavaScript Menu hiding behind the FusionCharts object

Sudipto Choudhury — Wed, 30 Apr 2008 03:13:44 GMT

Hi,

It might be that when the final HTML is renderded to the user agent (Browser) the chart's HTML is renderdered after the HTML of the Menu. Could you please check if there is some option in the Ajax Toolkit's property to set its style property or it's style's z-index property? If you get option to set style please set : z-index:9999 or set the z-index to 9999?

RE: JavaScript Menu hiding behind the FusionCharts object

tonyHarris — Tue, 29 Apr 2008 13:35:33 GMT

Hi,

I'm using the CalendarExtender from the AjaxControlToolKit and it appears behind the flash chart. I replaced the FusionCharts.js with the one recommended to fix this problem but it still persists. Any other suggestions or tips?

RE: JavaScript Menu hiding behind the FusionCharts object

taragdes — Wed, 02 May 2007 11:14:25 GMT

[quote][b]Pallav (5/2/2007)[/b][hr]Replace the existing FusionCharts.js file with the new one (link above). That alone should take care of it.

You would NOT need to change anything in your .NET code.[/quote]

Thank you for your reply.

RE: JavaScript Menu hiding behind the FusionCharts object

Pallav — Wed, 02 May 2007 11:10:25 GMT

Replace the existing FusionCharts.js file with the new one (link above). That alone should take care of it.

You would NOT need to change anything in your .NET code.

RE: JavaScript Menu hiding behind the FusionCharts object

taragdes — Mon, 30 Apr 2007 11:04:52 GMT

I am having the same issue, however I am using ASP.NET/C# and rendering the chart's Flash tags with the FusionCharts.RenderChart method. How do I compensate for this problem in this case and set the WMODE for the chart? Thank you!!

RE: JavaScript Menu hiding behind the FusionCharts object

Pallav — Tue, 20 Mar 2007 01:26:19 GMT

FusionCharts is a set of Flash movies, and as kind of plugins, are rendered in a special way by the browsers (a method known as "windowed"), making them the topmost objects in a page. At this moment there's no way to display any kind of HTML element (tables, images, paragraphs, etc..) above plugins.

Macromedia has a solution for Internet Explorer for Windows and all Mozilla-based browsers:

To allow DHTML objects appear over a Flash movie just add this parameter:

WMode=Transparent
to the Flash <object> tag.

It should look like this:
<param name="WMode" value="Transparent">

In order to support Mozilla-based browsers and other browsers, such as Safari, you should also include the wmode parameter in the <embed> tag, like this:
<embed wmode="transparent" .......></embed>

If you're using FusionCharts.js (JavaScript class), you can use the attached JS file.

JavaScript Menu hiding behind the FusionCharts object

Vamsi — Mon, 19 Mar 2007 08:30:34 GMT

Hi All,

I have a problem like my JavaScript menu is hiding behind the FusionCharts object. Pls help its very urgent.

Thanks in advance.

Vamsi