Browser Compatibility

If the Math on this page doesn't render properly you're probably using either Chrome, Safari, or Opera which sadly don't support MathML very well.

With the exception of the Mozilla developers, browser vendors simply haven't given mathematical content much concern even though it has been part of W3C specification for nearly a decade. If you are looking for cross browser rendering of mathmematics check out the MathJax project.

The next generation browsers, namely Firefox 4 and nightly Webkit builds, now support MathML in the HTML5 doctype eliminating the need to serve content in XHTML.

Selectors

This is the Schrödinger equation! $$iħ\frac{\partial }{\partial t}\mathrm{\Psi }=\frac{-h^2}{2m}{\nabla }^2\mathrm{\Psi }+V\mathrm{\Psi }$$

• Highlight all operators
• Highlight wavefunction

function hightlight_ops() {
    $('mo','#schrodinger').css('background-color','#3DBBED');
}

function hightlight_psi() {
    $('*[title=Wavefunction]','#schrodinger').css('background-color','green');
}

Manipulation

$$x=y$$

• Replace LHS
• Replace RHS

function replace_lhs() {
    $('#rhs').replaceWith("<msqrt>2</msqrt>");
}

function replace_rhs() {
    $('#lhs').replaceWith('<mfrac><mi>p</mi><mi>q</mi></mfrac>');
}

Interactions

$${\int }_{M}d\omega ={\int }_{\partial D}\omega$$

• Click an element to select...
• Then click here to swap.

selection_array = [];

$('#selectable *').click(
    function(e){ 
        $(this).addClass('selected');
        e.stopPropagation();
        selection_array.push($(this));
    }
);


function replace_with_sqrt() {
    for(term in selection_array) {
        var rand = Math.floor(Math.random()*10);
        selection_array[term].replaceWith('<msqrt>' + rand +'</msqrt>'); 
    }
}