12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <!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>
|