Show HTML message when no Flash

by Shamasis Bhattacharya

HTML

<script src="http://static.fusioncharts.com/code/xt/FusionCharts.js"></script>
<center>
    <p id="container1"></p>
    <script type="text/javascript">
    var flashChart = new FusionCharts({
        type: "Column2D",
        renderer: "flash",
        renderAt: "container1",
        autoInstallRedirect: "1", // allow redirection checks
        dataSource: {
            data: [
                {value: '21'}
            ]
        },
        dataFormat: "JSON"
    }).render();
    </script>
    <p>If you disable flash player, you would see a text link asking you to install flash player.</p>
</center>

JavaScript

(function() {

    var FLASH = "flash",
        NOFLASHHTMLMESSAGE = "<small><a href=\"" + FusionCharts.options.flashInstallerUrl + 
            "\">Install Adobe&reg; Flash&reg; Player component</a></small>";

    // Suppress error and redirection message.
    FusionCharts.options.installRedirectMessage = "";

    // If flash player is NOT supported, then on before every render, update the content
    // of the container
    if (!FusionCharts.hasRequiredFlashVersion()) {
        FusionCharts.addEventListener('BeforeRender', function(event, args) {
            var chart = event.sender,
                container = args.container;

            if (args.renderer === FLASH) {
                container.innerHTML = NOFLASHHTMLMESSAGE;
            }
        });
    }

}());