56 lines
1.5 KiB
HTML
56 lines
1.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Load MathJax with in-line configuration after the page is ready</title>
|
||
|
|
<!-- Copyright (c) 2012-2013 The MathJax Consortium -->
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
//
|
||
|
|
// We wait for the onload function to show that MathJax is laoded after
|
||
|
|
// the page is ready, and then use setTimeout to prove that MathJax is
|
||
|
|
// definitely loaded after the page is displayed and active. MathJax is
|
||
|
|
// loaded two seconds after the page is ready.
|
||
|
|
//
|
||
|
|
window.onload = function () {
|
||
|
|
setTimeout(function () {
|
||
|
|
var head = document.getElementsByTagName("head")[0], script;
|
||
|
|
script = document.createElement("script");
|
||
|
|
script.type = "text/x-mathjax-config";
|
||
|
|
script[(window.opera ? "innerHTML" : "text")] =
|
||
|
|
"MathJax.Hub.Config({\n" +
|
||
|
|
" tex2jax: { inlineMath: [['$','$'], ['\\\\(','\\\\)']] }\n" +
|
||
|
|
"});"
|
||
|
|
head.appendChild(script);
|
||
|
|
script = document.createElement("script");
|
||
|
|
script.type = "text/javascript";
|
||
|
|
script.src = "../MathJax.js?config=TeX-AMS-MML_HTMLorMML";
|
||
|
|
head.appendChild(script);
|
||
|
|
},2000)
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
h1 {
|
||
|
|
text-align: center;
|
||
|
|
background: #CCCCCC;
|
||
|
|
padding: .2em 1em;
|
||
|
|
border-top: 3px solid #666666;
|
||
|
|
border-bottom: 3px solid #999999;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<h1>Adding MathJax with In-Line Configuration</h1>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
When $a \ne 0$, there are two solutions to $ax^2 + bx + c = 0$ and they are
|
||
|
|
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|