« FlatTable アニメーションの流れ | トップページ | 散乱角の \(\sin\), \(\cos\) »

2012年7月17日 (火)

数式表示 MathJax -5-

MathJax をココログで表示する件の続報です。数式表示 MathJax -4- の時点では、そこに示したスクリプトでPCは数式表示が可能ですが、タブレットでは表示できないという状態でした。今回、以下のスクリプトを記事中に記述することでタブレットでも数式を表示できることが分かりました。ただし、後で示すような制限が有ります。

<script>
<!--
(function (){
    if (!document.defMathJax){
        var mjConfig = document.createElement("script");
        mjConfig.type = "text/x-mathjax-config";
        mjConfig.text = 'MathJax.Hub.Config({ tex2jax: { inlineMath: [["$","$"], ["\\(","\\)"]] } })';
        // 追記: ["\\(","\\)"] は ["\\\\(","\\\\)"] に修正すべし
        // 追記: text は innerHTML に変更すべし

        var mathjax = document.createElement("script");
        mathjax.type = "text/javascript"
        mathjax.src = "http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML";

        var emIE7 = document.createElement("meta");
        emIE7.setAttribute("http-equiv", "X-UA-Compatible");
        emIE7.CONTENT = "IE=EmulateIE7";

        var head = document.getElementsByTagName("head")[0];
        head.appendChild(mjConfig);
        head.appendChild(mathjax);
        head.appendChild(emIE7);

        document.defMathJax = true;
    }
})();
// -->
</script>

生成するオマジナイは前回も今回も同じですが、今回は生成領域が <head> 領域になっているのが違います。

ところで、タブレットでココログにアクセスする時は、スマートフォン表示とPC表示の2種類が有るのですが、数式を表示できるのはスマートフォン表示のみのようです。では、前回のスクリプトでも、スマートフォン表示なら数式を表示できるかと試してみたのですが、それはダメでした。前回のスクリプトだと、スマートフォン表示では本文さえも表示しませんでした。表示に関してココログが何か悪さをしているのかも知れません。

なお、今回のスクリプトは MathJax の動的ロードが参考になりました。

« FlatTable アニメーションの流れ | トップページ | 散乱角の \(\sin\), \(\cos\) »

パソコン・インターネット」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/584699/55216372

この記事へのトラックバック一覧です: 数式表示 MathJax -5-:

« FlatTable アニメーションの流れ | トップページ | 散乱角の \(\sin\), \(\cos\) »