Skip to main content

Flot Graph is not rendering on IE9



You might have come across a situation when you use jquery.flot.js for graphs ,flot graphs were not generated in IE9 due to the following Javascript Error in "jquery.flot.js" file. While debugging you will get the error like :
"unable to get value of the property "init_" : object is null or undefined ".

In  the method ConstuctCanvas(), in place of this snippet:
------------------------------------------------------------------------------
function makeCanvas(width, height)
      {
        var c = document.createElement('canvas');
        c.width = width;
        c.height = height;
        if ($.browser.msie) // excanvas hack
          c = window.G_vmlCanvasManager.initElement(c);
        return c;
      }
------------------------------------------------------------------------------

 Use the following snippet
-------------------------------------------------------------------------------------
function makeCanvas(width, height) {
       var c = document.createElement('canvas');
       c.width = width;
       c.height = height;
      if (($.browser.msie) && (( parseInt($.browser.version, 10) ) < 9))
             c = window.G_vmlCanvasManager.initElement(c);
             return c;
                                                              }
---------------------------------------------------------------------


and inside the same ConstructCanvas() method there will be snippet.
-------------------------------------------------------------------------------------
if ($.browser.msie) // excanvas hack
        window.G_vmlCanvasManager.init_(document);
-------------------------------------------------------------------------------
Replace the above  snippet with the following snippet
------------------------------------------------------------------------------------
if (($.browser.msie) && (( parseInt($.browser.version, 10) ) < 9))
window.G_vmlCanvasManager.init_(document);
--------------------------------------------------------------------------------------
In the above two snippet i have provided, you need to observe only one thing, ie i am checking for the IE browser version.If the browser is 'MicroSoft Internet Explorer' and the browser version is older than 9.
-------------------------------------------------------------------------------
 if (($.browser.msie) && (( parseInt($.browser.version, 10) ) < 9))
---------------------------------------------------------------------

This will fix the issue.


Hope this will help

Cheers
-Pradeepa Achar

Comments

Popular posts from this blog

The Fastest way to Export Schema of Sharepoint List

Many of my SharePoint Developer friends are struggling to get the Schema.xml file of a newly created list. The schema.xml file has the list's metadata information, by using the schema.xml, we can create the lis definition and paste this contents of Schema.xml to the Schema.xml file of the newly created List definition, so that you can deploy the list definition on another site. In order to do this, you guys might be following the procedure bu saving the site template and get the site definition solution. After this, you will open visual studio and import this solution and wait for few minutes. THIS IS A CRAPPY PROCEDURE..Why do you invest your time to get a schema of one or few list  by taking entire site definition?..If that site has lots of lists, then it will take lots of time. In my Research, i have found a the BEST  and quicker way to get schema.xml file of a particular list which you need Schema.xml. Follow the following procedure : Go to your site  click on the lis

How to avoid refreshing of page on clicking on BUTTON in jQuery?

Suppose you might have created a button on page.When you click on that button without page refresh some other custom things have to happen. But instead of that, on clicking on the button the page is getting refreshed. How to avoid this?.. Simple, The button click event has default event as refreshing the page. The solution is to "prevent the default event". $("#ButtonID").Click(function(e) {   e.preventDefault(); //Write your custom code here } ); Hope this may help Cheers Pradeepa Achar

This solution contains invalid markup or elements that cannot be deployed as part of a sandboxed solution. Solution manifest for solution 'cc218449-78b3-4430-b401-4884977560e2' failed validation, file manifest.xml, line 11, character 4: The element 'Solution' in namespace 'http://schemas.microsoft.com/sharepoint/' has invalid child element 'TemplateFiles' in namespace 'http://schemas.microsoft.com/sharepoint/'. List of possible elements expected: 'FeatureManifests, ActivationDependencies' in namespace 'http://schemas.microsoft.com/sharepoint/'. Troubleshoot issues with Microsoft SharePoint Foundation. Correlation ID: oplh6595a-a6hg-416f-a85f-a173bp03dda6 Date and Time: 30/10/2013 13:33:18

By looking at this bug you may get shocked and may not understand why this is happening. I can say, you have developed a wsp of farm solution, not the sandboxed solution  using visual studio and added some OOTB webparts such as visual webparts and trying to deploy the solution via solution gallery directly on to the sharepoint site. It is so simple.Understand that, when you create a .wsp file using visual studio, you deploy as farm solution. But when you try to deploy the same solution from site settings-> solution gallery, you deploy it as sand boxed solution. In this situation ,the "TemplateFiles" elements refers to the items that will be copied into the web servers. This is allowed only in farm solutions , not in sandboxed solutions. I suggest you guys to deploy the solution either using stsadm command or powershell command, so that it will work fine.If anyone wants to know about how to deploy using powershell command you can refer the   techNet  document for