sample-signals.html
4.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<title>MathJax Signals Test Page</title>
<!-- Copyright (c) 2010-2017 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">
<!--
| This example shows how to use MathJax's signal mechanism to find out
| about what MathJax is doing, and to hook into various events as they
| occur.
-->
<script type="text/x-mathjax-config">
//
// Configure MathJax
//
MathJax.Hub.Config({
extensions: ["tex2jax.js","TeX/noUndefined.js"],
jax: ["input/TeX","output/HTML-CSS"],
tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]},
TeX: {extensions: ["AMSmath.js","AMSsymbols.js"]}
});
//
// Display messages when these files are loaded
// (Note the difference between extensions and TeX.extensions,
// and the difference between when noUndefind is loaded compared
// to when it signals that it is ready)
//
MathJax.Hub.Register.LoadHook("[MathJax]/extensions/TeX/noUndefined.js",
function () {MathJax.Hub.Startup.signal.Post("*** noUndefined Loaded ***")});
MathJax.Hub.Register.LoadHook("[MathJax]/extensions/TeX/AMSmath.js",
function () {MathJax.Hub.Startup.signal.Post("*** AMSmath Loaded ***")});
//
// Display a message that we are in the configuration code
// (The Message function is not yet defined when this code
// runs, so we can't use that here. Post a signal
// of our own, so it will be displayed along with all
// the other signals).
//
MathJax.Hub.Startup.signal.Post("*** In Startup Configuration code ***");
//
// When the "onLoad" message is posted, display a message.
// (Since this hook is registered before the ones in the main body
// below, it runs before the code to print the "Startup: onLoad"
// message, so this message shows up first in the output.)
//
MathJax.Hub.Register.StartupHook("onLoad",function () {
Message("*** The onLoad handler has run, page is ready to process ***");
});
//
// This will be performed after MathJax has completed its
// setup and typesetting run, which have already been
// pushed onto the queue.
// (Since the Message function isn't defined yet when this code
// runs, we need to enclose it in a function so it will be
// looked up later when it is defined.)
//
MathJax.Hub.Queue(function () {Message("*** MathJax is done ***")});
</script>
<script type="text/javascript" src="../MathJax.js"></script>
<style>
.output {
background-color: #F0F0F0;
border-top: 1px solid;
border-bottom: 1px solid;
padding: 3px 1em;
}
</style>
</head>
<body>
<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>
<p>
Messages about mathematics:
<pre id="MathMessages" class="output">
</pre>
</p>
<p>
All Messages:
<pre id="AllMessages" class="output">
</pre>
</p>
<script>
(function () {
//
// The output areas
//
var math = document.getElementById("MathMessages");
var all = document.getElementById("AllMessages");
//
// A function to display messages in the "AllMessages" area.
// We make it global so it can be used in the startup code above.
//
window.Message = function (message) {
MathJax.HTML.addText(all,message);
MathJax.HTML.addElement(all,"br");
};
//
// Find out about "New Math" messages from the Hub and display them.
// (Look up the TeX code for each new math element)
//
MathJax.Hub.Register.MessageHook("New Math",function (message) {
var script = MathJax.Hub.getJaxFor(message[1]).SourceElement();
MathJax.HTML.addText(math,message.join(" ")+": '"+script.text+"'");
MathJax.HTML.addElement(math,"br");
});
//
// Find out about ALL startup and hub messages
//
MathJax.Hub.Startup.signal.Interest(function (message) {Message("Startup: "+message)});
MathJax.Hub.signal.Interest(function (message) {Message("Hub: "+message)});
//
// Since signals are remembered, registering an interest will cause
// use to receive all the past signals as well as new ones.
// This marks the point were the above routines were called.
//
Message("##### events above this have already occurred #####");
})();
</script>
</body>
</html>