Add support for maction
This commit is contained in:
Davide P. Cervone
parent
577b37ee60
commit
e78aa248f4
180
unpacked/jax/output/CommonHTML/autoload/maction.js
Normal file
180
unpacked/jax/output/CommonHTML/autoload/maction.js
Normal file
|
|
@ -0,0 +1,180 @@
|
|||
/* -*- Mode: Javascript; indent-tabs-mode:nil; js-indent-level: 2 -*- */
|
||||
/* vim: set ts=2 et sw=2 tw=80: */
|
||||
|
||||
/*************************************************************
|
||||
*
|
||||
* MathJax/jax/output/CommonHTML/autoload/maction.js
|
||||
*
|
||||
* Implements the CommonHTML output for <maction> elements.
|
||||
*
|
||||
* ---------------------------------------------------------------------
|
||||
*
|
||||
* Copyright (c) 2015 The MathJax Consortium
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
MathJax.Hub.Register.StartupHook("CommonHTML Jax Ready",function () {
|
||||
var VERSION = "2.5.1";
|
||||
var MML = MathJax.ElementJax.mml,
|
||||
HTML = MathJax.HTML,
|
||||
CHTML = MathJax.OutputJax.CommonHTML;
|
||||
|
||||
var currentTip, hover, clear;
|
||||
|
||||
//
|
||||
// Add configuration for tooltips
|
||||
//
|
||||
var CONFIG = CHTML.config.tooltip = MathJax.Hub.Insert({
|
||||
delayPost: 600, delayClear: 600,
|
||||
offsetX: 10, offsetY: 5
|
||||
},CHTML.config.tooltip||{});
|
||||
|
||||
|
||||
MML.maction.Augment({
|
||||
CHTMLtooltip: HTML.addElement(document.body,"div",{id:"MathJax_CHTML_Tooltip"}),
|
||||
|
||||
toCommonHTML: function (node,stretch) {
|
||||
var selected = this.Get("selection");
|
||||
node = this.CHTMLcreateNode(node);
|
||||
this.CHTML = CHTML.BBOX.empty();
|
||||
this.CHTMLhandleStyle(node);
|
||||
this.CHTMLhandleScale(node);
|
||||
this.CHTMLaddChild(node,selected-1,{});
|
||||
this.CHTML.clean();
|
||||
this.CHTMLhandleSpace(node);
|
||||
this.CHTMLhandleBBox(node);
|
||||
this.CHTMLhandleColor(node);
|
||||
|
||||
var type = this.Get("actiontype");
|
||||
if (this.CHTMLaction[type] && this.CHTMLaction.hasOwnProperty(type))
|
||||
this.CHTMLaction[type].call(this,node,selected);
|
||||
|
||||
return node;
|
||||
},
|
||||
CHTMLstretchH: MML.mbase.CHTMLstretchH,
|
||||
CHTMLstretchV: MML.mbase.CHTMLstretchV,
|
||||
|
||||
//
|
||||
// Implementations for the various actions
|
||||
//
|
||||
CHTMLaction: {
|
||||
toggle: function (node,selection) {
|
||||
this.selection = selection;
|
||||
node.onclick = MathJax.Callback(["CHTMLclick",this,CHTML.jax]);
|
||||
node.style.cursor = "pointer";
|
||||
},
|
||||
|
||||
statusline: function (node,selection) {
|
||||
node.onmouseover = MathJax.Callback(["CHTMLsetStatus",this]);
|
||||
node.onmouseout = MathJax.Callback(["CHTMLclearStatus",this]);
|
||||
node.onmouseover.autoReset = node.onmouseout.autoReset = true;
|
||||
},
|
||||
|
||||
tooltip: function(node,selection) {
|
||||
if (this.data[1] && this.data[1].isToken) {
|
||||
node.title = node.alt = this.data[1].data.join("");
|
||||
} else {
|
||||
node.onmouseover = MathJax.Callback(["CHTMLtooltipOver",this,CHTML.jax]);
|
||||
node.onmouseout = MathJax.Callback(["CHTMLtooltipOut",this,CHTML.jax]);
|
||||
node.onmouseover.autoReset = node.onmouseout.autoReset = true;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
//
|
||||
// Handle a click on the maction element
|
||||
// (remove the original rendering and rerender)
|
||||
//
|
||||
CHTMLclick: function (jax,event) {
|
||||
this.selection++;
|
||||
if (this.selection > this.data.length) this.selection = 1;
|
||||
var hover = !!jax.hover;
|
||||
jax.Update();
|
||||
if (hover) {
|
||||
var span = document.getElementById(jax.inputID+"-Span");
|
||||
MathJax.Extension.MathEvents.Hover.Hover(jax,span);
|
||||
}
|
||||
return MathJax.Extension.MathEvents.Event.False(event);
|
||||
},
|
||||
|
||||
//
|
||||
// Set/Clear the window status message
|
||||
//
|
||||
CHTMLsetStatus: function (event) {
|
||||
// FIXME: Do something better with non-token elements
|
||||
this.messageID = MathJax.Message.Set
|
||||
((this.data[1] && this.data[1].isToken) ?
|
||||
this.data[1].data.join("") : this.data[1].toString());
|
||||
},
|
||||
CHTMLclearStatus: function (event) {
|
||||
if (this.messageID) MathJax.Message.Clear(this.messageID,0);
|
||||
delete this.messageID;
|
||||
},
|
||||
|
||||
//
|
||||
// Handle tooltips
|
||||
//
|
||||
CHTMLtooltipOver: function (jax,event) {
|
||||
if (!event) event = window.event;
|
||||
if (clear) {clearTimeout(clear); clear = null}
|
||||
if (hover) clearTimeout(hover);
|
||||
var x = event.pageX; var y = event.pageY;
|
||||
if (x == null) {
|
||||
x = event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
|
||||
y = event.clientY + document.body.scrollTop + document.documentElement.scrollTop;
|
||||
}
|
||||
var callback = MathJax.Callback(["CHTMLtooltipPost",this,jax,x+CONFIG.offsetX,y+CONFIG.offsetY])
|
||||
hover = setTimeout(callback,CONFIG.delayPost);
|
||||
},
|
||||
CHTMLtooltipOut: function (jax,event) {
|
||||
if (hover) {clearTimeout(hover); hover = null}
|
||||
if (clear) clearTimeout(clear);
|
||||
var callback = MathJax.Callback(["CHTMLtooltipClear",this,80]);
|
||||
clear = setTimeout(callback,CONFIG.delayClear);
|
||||
},
|
||||
CHTMLtooltipPost: function (jax,x,y) {
|
||||
hover = null; if (clear) {clearTimeout(clear); clear = null}
|
||||
var tip = this.CHTMLtooltip;
|
||||
tip.style.display = "block"; tip.style.opacity = "";
|
||||
// tip.style.filter = CHTML.config.styles["#MathJax_CHTML_Tooltip"].filter;
|
||||
if (this === currentTip) return;
|
||||
tip.style.left = x+"px"; tip.style.top = y+"px";
|
||||
tip.innerHTML = '<mjx-chtml><mjx-math></mjx-math></mjx-chtml>';
|
||||
CHTML.getMetrics(jax);
|
||||
try {this.data[1].toCommonHTML(tip.firstChild.firstChild)} catch(err) {
|
||||
if (!err.restart) throw err;
|
||||
tip.style.display = "none";
|
||||
MathJax.Callback.After(["CHTMLtooltipPost",this,jax,x,y],err.restart);
|
||||
return;
|
||||
}
|
||||
currentTip = this;
|
||||
},
|
||||
CHTMLtooltipClear: function (n) {
|
||||
var tip = this.CHTMLtooltip;
|
||||
if (n <= 0) {
|
||||
tip.style.display = "none";
|
||||
tip.style.opacity = tip.style.filter = "";
|
||||
clear = null;
|
||||
} else {
|
||||
tip.style.opacity = n/100;
|
||||
tip.style.filter = "alpha(opacity="+n+")";
|
||||
clear = setTimeout(MathJax.Callback(["CHTMLtooltipClear",this,n-20]),50);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
MathJax.Hub.Startup.signal.Post("CommonHTML maction Ready");
|
||||
MathJax.Ajax.loadComplete(CHTML.autoloadDir+"/maction.js");
|
||||
});
|
||||
|
||||
|
|
@ -155,6 +155,24 @@
|
|||
"mjx-ex-box-test": {
|
||||
position: "absolute",
|
||||
width:"1px", height:"60ex"
|
||||
},
|
||||
|
||||
"#MathJax_CHTML_Tooltip": {
|
||||
"background-color": "InfoBackground", color: "InfoText",
|
||||
border: "1px solid black",
|
||||
"box-shadow": "2px 2px 5px #AAAAAA", // Opera 10.5
|
||||
"-webkit-box-shadow": "2px 2px 5px #AAAAAA", // Safari 3 and Chrome
|
||||
"-moz-box-shadow": "2px 2px 5px #AAAAAA", // Forefox 3.5
|
||||
"-khtml-box-shadow": "2px 2px 5px #AAAAAA", // Konqueror
|
||||
// filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')", // IE
|
||||
padding: "3px 4px",
|
||||
"z-index": 401,
|
||||
position: "absolute", left: 0, top: 0,
|
||||
width: "auto", height: "auto",
|
||||
display: "none"
|
||||
// },
|
||||
// "#MathJax_Tooltip *": {
|
||||
// filter: "none", opacity:1, background:"transparent" // for IE
|
||||
}
|
||||
|
||||
};
|
||||
|
|
@ -443,6 +461,7 @@
|
|||
//
|
||||
getMetrics: function(jax) {
|
||||
var data = jax.CHTML;
|
||||
this.jax = jax;
|
||||
this.em = data.em;
|
||||
this.outerEm = data.outerEm;
|
||||
this.scale = data.scale;
|
||||
|
|
@ -2399,7 +2418,7 @@
|
|||
MML.ms.Augment({toCommonHTML: MML.mbase.CHTMLautoload});
|
||||
MML.mglyph.Augment({toCommonHTML: MML.mbase.CHTMLautoload});
|
||||
// MML.menclose.Augment({toCommonHTML: MML.mbase.CHTMLautoload});
|
||||
// MML.maction.Augment({toCommonHTML: MML.mbase.CHTMLautoload});
|
||||
MML.maction.Augment({toCommonHTML: MML.mbase.CHTMLautoload});
|
||||
MML.mmultiscripts.Augment({toCommonHTML: MML.mbase.CHTMLautoload});
|
||||
MML.mtable.Augment({toCommonHTML: MML.mbase.CHTMLautoload});
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user