JavaScript Menu hiding behind the FusionCharts object
FusionCharts Forum
Home       Members    Calendar    Who's On
Welcome Guest ( Login | Register )
        


12»»

JavaScript Menu hiding behind the... Expand / Collapse
Author
Message
Posted 3/19/2007 8:30:34 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 3/27/2007 10:56:56 PM
Posts: 1, Visits: 4
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

Vamsi Krishna B

Post #584
Posted 3/20/2007 1:26:19 AM
FusionCharts Team

FusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts Team

Group: Administrators
Last Login: 7/29/2008 12:15:49 PM
Posts: 2,001, Visits: 474

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.



Thanks,
Pallav Nadhani
FusionCharts Team


  Post Attachments 
FusionChartsWMode.zip (87 views, 2.33 KB)
Post #589
Posted 4/30/2007 11:04:52 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 7/31/2008 10:54:44 AM
Posts: 9, Visits: 24
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!!

Tara G Deschenes
Post #934
Posted 5/2/2007 11:10:25 AM
FusionCharts Team

FusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts Team

Group: Administrators
Last Login: 7/29/2008 12:15:49 PM
Posts: 2,001, Visits: 474
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.

Thanks,
Pallav Nadhani
FusionCharts Team

Post #946
Posted 5/2/2007 11:14:25 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 7/31/2008 10:54:44 AM
Posts: 9, Visits: 24
Pallav (5/2/2007)
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.


Thank you for your reply.


Tara G Deschenes
Post #951
Posted 4/29/2008 1:35:33 PM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 2 days ago @ 10:50:34 AM
Posts: 3, Visits: 13
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?

Post #6009
Posted 4/30/2008 3:13:44 AM
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

Group: Moderators
Last Login: Today @ 6:02:32 AM
Posts: 764, Visits: 1,215
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?

Regards,

Sudipto Choudhury
FusionCharts Team

Post #6025
Posted 4/30/2008 9:13:16 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 2 days ago @ 10:50:34 AM
Posts: 3, Visits: 13
I changed the z-index of the calendar extender using this css class:

<style type="text/css">

.calStyle

{

z-index: 9999;

}

</style>

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

Post #6032