MathJax Equation Demo

by navyflower

HTML

<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML&amp;dummy=.js"></script>
<div id="mydiv">This is an equation: $x = \dfrac{-\;\;\cssId{the_b}b\;\; \pm \sqrt{b^2-4ac} }{ 2a}$ . End of equation.</div>
<div id="button">Click</div>

JavaScript

jQuery(document).ready(function() {
    debugger;
    MathJax.Hub.Config({   
        tex2jax: {
            inlineMath: [['$','$'], ['\\(','\\)']]
        },
        scale: 0.9
    }); 
    MathJax.Hub.Queue(["Typeset",MathJax.Hub, "mydiv"]); 
    MathJax.Hub.Queue(myfunction());
    jQuery("#button").on("click", myfunction);

});
function myfunction() {
    var elem1 = document.getElementById("the_b");
    if (elem1 != null) {
        alert(elem1.offsetTop + '    ' + elem1.offsetLeft);
    }
}