wmode = "transparent"; where in the js file do I add this parameter?
FusionCharts Forum
Home       Members    Calendar    Who's On
Welcome Guest ( Login | Register )
        



wmode = "transparent"; where in the js file... Expand / Collapse
Author
Message
Posted 1/16/2008 10:02:10 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 1/16/2008 11:31:52 AM
Posts: 1, Visits: 3
Hi

I've got a problem which has been mentioned in the Knowledge Base.

However, as FusionCharts uses js functions to render the HTML required to show the flash, and my js skills are not what they could be, I'm unsure how to explicitly set 'wmode="transparent"'.

Within FusionCharts.js, there is a section which is as follows:


setTransparent: function(isTransparent){
//Sets chart to transparent mode when isTransparent is true (default)
//When no parameter is passed, we assume transparent to be true.
if(typeof isTransparent=="undefined") {
isTransparent=true;
}
//Set the property
if(isTransparent)
this.addParam('WMode', 'transparent');
else
this.addParam('WMode', 'Opaque');
},


If I view "rendered source" in Firefox though, I cannot see that this parameter is set at all.

Any help much appreciated.

Thanks
Post #3891
Posted 10/24/2008 11:28:07 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 10/24/2008 11:26:30 AM
Posts: 1, Visits: 1
var Chart1 = new FusionCharts(this.chart, "ChartId1", this.width, this.hight);
      Chart1.addParam("WMode", "Transparent");
      Chart1.setDataXML(this.dataxml);
      Chart1.render(this.chart1div);

this works for me.


Efren Lugo
www.sonmate.com
Post #9395
Posted 11/6/2008 2:07:44 PM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 11/9/2008 1:26:06 AM
Posts: 4, Visits: 6
I've found that the "vmode param" removes a little border round the chart movie in wich case in set into an object type (InternetExplorer " Tag" and Firefox " Tag").

In my case, I added addParam("vmode","transparent") as well but It looks like that is not all in some cases, also, you should try to modify the follow snippet code.

** Into the FusionCharts.js file **

Please, Can you identify the function infosoftglobal.FusionCharts = function(swf, id, w, h, debugMode, registerWithJS, c, scaleMode, lang, detectFlashVersion, autoInstallRedirect){

// identify line 36/329
// ensure layers render on top
this.addParam('wmode', 'opaque');

<<<>>>
//replace implicit
this.addParam('wmode', 'transparent');


// Please, Can you identify the function setTransparent?
// line 158/329
setTransparent: function(isTransparent){
var varName = "WMode"; // property ie

//Sets chart to transparent mode when isTransparent is true (default)
//When no parameter is passed, we assume transparent to be true.
if(typeof isTransparent=="undefined") {
isTransparent=true;
}

if (navigator.appName.indexOf("Microsoft Internet")==-1) {
varName = "vmode"; // property ff
}

//Set the property ff
if(isTransparent)
this.addParam( varName, 'transparent');
else
this.addParam( varName, 'opaque');
}
}

Jorge Rivero
Post #9676
Posted 7/23/2009 9:48:36 AM


Red Flavoured

Red FlavouredRed FlavouredRed FlavouredRed FlavouredRed FlavouredRed FlavouredRed FlavouredRed Flavoured

Group: Moderators
Last Login: 2 days ago @ 5:05:00 AM
Posts: 101, Visits: 220
...

Hello,

I am attaching a small sample application using FusionCharts v3.1.1 to test the wMode related issues.

The application shows three charts (all same chart) in wMode as "window", "transparent" and "opaque" respectively. There is also an active Overlay HTML division that moves around with the mouse pointer and shows the current mouse coordinate.

Moving the mouse across the first chart reveals that the overlay HTML division does not get over the chart in "window" mode. But in other two charts, everything seems fine.

Note: you will need to login in order to download this piece of code.
PS: Thanks Sudipto for compiling this app.



Thanks and Regards,

Shamasis Bhattacharya,
FusionCharts Team.


  Post Attachments 
FusionCharts_Test_MouseEvents_Various_WModes.zip (42 views, 60.72 KB)
Post #16621
« Prev Topic | Next Topic »


Permissions Expand / Collapse

All times are GMT -5:00, Time now is 11:35am


Execution: 0.031.