mathjax/test/sample-loader.html

49 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Load MathJax after the page is ready</title>
<!-- Copyright (c) 2012-2018 The MathJax Consortium -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<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 script = document.createElement("script");
script.type = "text/javascript";
script.src = "../MathJax.js?config=TeX-AMS-MML_HTMLorMML";
document.getElementsByTagName("head")[0].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 After the Page is Loaded</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>