[解決済み] JavaScriptを使用してhtmlテーブルのデータをExcelにエクスポートする / JQueryがクロームブラウザで正しく動作していない。

質問

ベロシティテンプレートにHTMLテーブルがあります。私は、Javaスクリプトまたはjqueryのいずれかを使用して、すべてのブラウザで互換性のあるExcelにHTMLテーブルのデータをエクスポートしたいと思います。 私は以下のスクリプトを使用しています。

<script type="text/javascript">
function ExportToExcel(mytblId){
       var htmltable= document.getElementById('my-table-id');
       var html = htmltable.outerHTML;
       window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html));
    }
</script>

このスクリプトは Mozilla Firefox を実行すると、Excel のダイアログボックスがポップアップし、開くか保存するかのオプションを尋ねます。しかし、私は同じスクリプトをテストしたとき Chromeブラウザそれは動作していません ボタンをクリックすると、予想通り、エクセルのポップアップがありません。データは、"ファイルタイプ：ファイル"でファイルにダウンロードされ、そのような拡張子はありません。 .xls クロームコンソールにエラーは出ていません。

Jsfiddleの例です。

http://jsfiddle.net/insin/cmewv/

モジラでは正常に動作しますが、クロームでは動作しません。

クロームブラウザのテストケース:

1枚目：Excelに書き出すボタンをクリックする。

で、その結果。

どのように解決するのですか？

Excel エクスポート スクリプトは、IE7+、Firefox、Chrome で動作します。

function fnExcelReport()
{
    var tab_text="<table border='2px'><tr bgcolor='#87AFC6'>";
    var textRange; var j=0;
    tab = document.getElementById('headerTable'); // id of table

    for(j = 0 ; j < tab.rows.length ; j++) 
    {     
        tab_text=tab_text+tab.rows[j].innerHTML+"</tr>";
        //tab_text=tab_text+"</tr>";
    }

    tab_text=tab_text+"</table>";
    tab_text= tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table
    tab_text= tab_text.replace(/<img[^>]*>/gi,""); // remove if u want images in your table
    tab_text= tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params

    var ua = window.navigator.userAgent;
    var msie = ua.indexOf("MSIE "); 

    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer
    {
        txtArea1.document.open("txt/html","replace");
        txtArea1.document.write(tab_text);
        txtArea1.document.close();
        txtArea1.focus(); 
        sa=txtArea1.document.execCommand("SaveAs",true,"Say Thanks to Sumit.xls");
    }  
    else                 //other browser not tested on IE 11
        sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));  

    return (sa);
}

空白のiframeを作成するだけです。

<iframe id="txtArea1" style="display:none"></iframe>

でこの関数を呼び出す。

<button id="btnExport" onclick="fnExcelReport();"> EXPORT </button>