diff options
Diffstat (limited to 'data/mathjax/unpacked/extensions/MathMenu.js')
-rw-r--r-- | data/mathjax/unpacked/extensions/MathMenu.js | 1038 |
1 files changed, 1038 insertions, 0 deletions
diff --git a/data/mathjax/unpacked/extensions/MathMenu.js b/data/mathjax/unpacked/extensions/MathMenu.js new file mode 100644 index 00000000..8a2075a2 --- /dev/null +++ b/data/mathjax/unpacked/extensions/MathMenu.js @@ -0,0 +1,1038 @@ +/************************************************************* + * + * MathJax/extensions/MathMenu.js + * + * Implements a right-mouse (or CTRL-click) menu over mathematics + * elements that gives the user the ability to copy the source, + * change the math size, and zoom settings. + * + * --------------------------------------------------------------------- + * + * Copyright (c) 2010-2012 Design Science, Inc. + * + * 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. + */ + +(function (HUB,HTML,AJAX,CALLBACK,OUTPUT) { + var VERSION = "2.1"; + + var SIGNAL = MathJax.Callback.Signal("menu") // signal for menu events + + MathJax.Extension.MathMenu = { + version: VERSION, + signal: SIGNAL + }; + + var isPC = HUB.Browser.isPC, isMSIE = HUB.Browser.isMSIE, isIE9 = ((document.documentMode||0) > 8); + var ROUND = (isPC ? null : "5px"); + + var CONFIG = HUB.CombineConfig("MathMenu",{ + delay: 150, // the delay for submenus + helpURL: "http://www.mathjax.org/help-v2/user/", // the URL for the "MathJax Help" menu + closeImg: AJAX.fileURL(OUTPUT.imageDir+"/CloseX-31.png"), // image for close "X" for mobiles + + showRenderer: true, // show the "Math Renderer" menu? + showMathPlayer: true, // show the "MathPlayer" menu? + showFontMenu: false, // show the "Font Preference" menu? + showContext: false, // show the "Context Menu" menu? + showDiscoverable: false, // show the "Discoverable" menu? + + windowSettings: { // for source window + status: "no", toolbar: "no", locationbar: "no", menubar: "no", + directories: "no", personalbar: "no", resizable: "yes", scrollbars: "yes", + width: 400, height: 300, + left: Math.round((screen.width - 400)/2), + top: Math.round((screen.height - 300)/3) + }, + + styles: { + "#MathJax_About": { + position:"fixed", left:"50%", width:"auto", "text-align":"center", + border:"3px outset", padding:"1em 2em", "background-color":"#DDDDDD", color:"black", + cursor: "default", "font-family":"message-box", "font-size":"120%", + "font-style":"normal", "text-indent":0, "text-transform":"none", + "line-height":"normal", "letter-spacing":"normal", "word-spacing":"normal", + "word-wrap":"normal", "white-space":"nowrap", "float":"none", "z-index":201, + + "border-radius": "15px", // Opera 10.5 and IE9 + "-webkit-border-radius": "15px", // Safari and Chrome + "-moz-border-radius": "15px", // Firefox + "-khtml-border-radius": "15px", // Konqueror + + "box-shadow":"0px 10px 20px #808080", // Opera 10.5 and IE9 + "-webkit-box-shadow":"0px 10px 20px #808080", // Safari 3 and Chrome + "-moz-box-shadow":"0px 10px 20px #808080", // Forefox 3.5 + "-khtml-box-shadow":"0px 10px 20px #808080", // Konqueror + filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')" // IE + }, + + ".MathJax_Menu": { + position:"absolute", "background-color":"white", color:"black", + width:"auto", padding:(isPC ? "2px" : "5px 0px"), + border:"1px solid #CCCCCC", margin:0, cursor:"default", + font: "menu", "text-align":"left", "text-indent":0, "text-transform":"none", + "line-height":"normal", "letter-spacing":"normal", "word-spacing":"normal", + "word-wrap":"normal", "white-space":"nowrap", "float":"none", "z-index":201, + + "border-radius": ROUND, // Opera 10.5 and IE9 + "-webkit-border-radius": ROUND, // Safari and Chrome + "-moz-border-radius": ROUND, // Firefox + "-khtml-border-radius": ROUND, // Konqueror + + "box-shadow":"0px 10px 20px #808080", // Opera 10.5 and IE9 + "-webkit-box-shadow":"0px 10px 20px #808080", // Safari 3 and Chrome + "-moz-box-shadow":"0px 10px 20px #808080", // Forefox 3.5 + "-khtml-box-shadow":"0px 10px 20px #808080", // Konqueror + filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')" // IE + }, + + ".MathJax_MenuItem": { + padding: (isPC ? "2px 2em" : "1px 2em"), + background:"transparent" + }, + + ".MathJax_MenuTitle": { + "background-color":"#CCCCCC", + margin: (isPC ? "-1px -1px 1px -1px" : "-5px 0 0 0"), + "text-align":"center", "font-style":"italic", "font-size":"80%", color:"#444444", + padding:"2px 0", overflow:"hidden" + }, + + ".MathJax_MenuArrow": { + position:"absolute", right:".5em", color:"#666666", + "font-family": (isMSIE ? "'Arial unicode MS'" : null) + }, + ".MathJax_MenuActive .MathJax_MenuArrow": {color:"white"}, + + ".MathJax_MenuCheck": { + position:"absolute", left:".7em", + "font-family": (isMSIE ? "'Arial unicode MS'" : null) + }, + + ".MathJax_MenuRadioCheck": { + position:"absolute", left: (isPC ? "1em" : ".7em") + }, + + ".MathJax_MenuLabel": { + padding: (isPC ? "2px 2em 4px 1.33em" : "1px 2em 3px 1.33em"), + "font-style":"italic" + }, + + ".MathJax_MenuRule": { + "border-top": (isPC ? "1px solid #CCCCCC" : "1px solid #DDDDDD"), + margin: (isPC ? "4px 1px 0px" : "4px 3px") + }, + + ".MathJax_MenuDisabled": { + color:"GrayText" + }, + + ".MathJax_MenuActive": { + "background-color": (isPC ? "Highlight" : "#606872"), + color: (isPC ? "HighlightText" : "white") + }, + + ".MathJax_Menu_Close": { + position:"absolute", + width: "31px", height: "31px", + top:"-15px", left:"-15px" + } + } + }); + + var FALSE, HOVER; + HUB.Register.StartupHook("MathEvents Ready",function () { + FALSE = MathJax.Extension.MathEvents.Event.False; + HOVER = MathJax.Extension.MathEvents.Hover; + }); + + /*************************************************************/ + /* + * The main menu class + */ + var MENU = MathJax.Menu = MathJax.Object.Subclass({ + version: VERSION, + items: [], + posted: false, + title: null, + margin: 5, + + Init: function (def) {this.items = [].slice.call(arguments,0)}, + With: function (def) {if (def) {HUB.Insert(this,def)}; return this}, + + /* + * Display the menu + */ + Post: function (event,parent) { + if (!event) {event = window.event}; + var title = (!this.title ? null : [["div",{className: "MathJax_MenuTitle"},[this.title]]]); + var div = document.getElementById("MathJax_MenuFrame"); + if (!div) { + div = MENU.Background(this); + delete ITEM.lastItem; delete ITEM.lastMenu; + delete MENU.skipUp; + SIGNAL.Post(["post",MENU.jax]); + } + var menu = HTML.addElement(div,"div",{ + onmouseup: MENU.Mouseup, ondblclick: FALSE, + ondragstart: FALSE, onselectstart: FALSE, oncontextmenu: FALSE, + menuItem: this, className: "MathJax_Menu" + },title); + + for (var i = 0, m = this.items.length; i < m; i++) {this.items[i].Create(menu)} + if (MENU.isMobile) { + HTML.addElement(menu,"span",{ + className: "MathJax_Menu_Close", menu: parent, + ontouchstart: MENU.Close, ontouchend: FALSE, onmousedown: MENU.Close, onmouseup: FALSE + },[["img",{src: CONFIG.closeImg, style:{width:"100%",height:"100%"}}]]); + } + this.posted = true; + + menu.style.width = (menu.offsetWidth+2) + "px"; + var x = event.pageX, y = event.pageY; + if (!x && !y) { + x = event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; + y = event.clientY + document.body.scrollTop + document.documentElement.scrollTop; + } + if (!parent) { + if (x + menu.offsetWidth > document.body.offsetWidth - this.margin) + {x = document.body.offsetWidth - menu.offsetWidth - this.margin} + if (MENU.isMobile) {x = Math.max(5,x-Math.floor(menu.offsetWidth/2)); y -= 20} + MENU.skipUp = event.isContextMenu; + } else { + var side = "left", mw = parent.offsetWidth; + x = (MENU.isMobile ? 30 : mw - 2); y = 0; + while (parent && parent !== div) { + x += parent.offsetLeft; y += parent.offsetTop; + parent = parent.parentNode; + } + if (x + menu.offsetWidth > document.body.offsetWidth - this.margin && !MENU.isMobile) + {side = "right"; x = Math.max(this.margin,x - mw - menu.offsetWidth + 6)} + if (!isPC) { + // in case these ever get implemented + menu.style["borderRadiusTop"+side] = 0; // Opera 10.5 + menu.style["WebkitBorderRadiusTop"+side] = 0; // Safari and Chrome + menu.style["MozBorderRadiusTop"+side] = 0; // Firefox + menu.style["KhtmlBorderRadiusTop"+side] = 0; // Konqueror + } + } + + menu.style.left = x+"px"; menu.style.top = y+"px"; + + if (document.selection && document.selection.empty) {document.selection.empty()} + return FALSE(event); + }, + + /* + * Remove the menu from the screen + */ + Remove: function (event,menu) { + SIGNAL.Post(["unpost",MENU.jax]); + var div = document.getElementById("MathJax_MenuFrame"); + if (div) { + div.parentNode.removeChild(div); + if (this.msieFixedPositionBug) {detachEvent("onresize",MENU.Resize)} + } + if (MENU.jax.hover) { + delete MENU.jax.hover.nofade; + HOVER.UnHover(MENU.jax); + } + return FALSE(event); + }, + + /* + * Find a named item in a menu (or submenu). + * A list of names means descend into submenus. + */ + Find: function (name) { + var names = [].slice.call(arguments,1); + for (var i = 0, m = this.items.length; i < m; i++) { + if (this.items[i].name === name) { + if (names.length) { + if (!this.items[i].menu) {return null} + return this.items[i].menu.Find.apply(this.items[i].menu,names); + } + return this.items[i]; + } + } + return null; + }, + + /* + * Find the index of a menu item (so we can insert before or after it) + */ + IndexOf: function (name) { + for (var i = 0, m = this.items.length; i < m; i++) + {if (this.items[i].name === name) {return i}} + return null; + } + + },{ + + config: CONFIG, + + div: null, // the DOM elements for the menu and submenus + + Close: function (event) + {return MENU.Event(event,this.menu||this.parentNode,(this.menu?"Touchend":"Remove"))}, + Remove: function (event) {return MENU.Event(event,this,"Remove")}, + Mouseover: function (event) {return MENU.Event(event,this,"Mouseover")}, + Mouseout: function (event) {return MENU.Event(event,this,"Mouseout")}, + Mousedown: function (event) {return MENU.Event(event,this,"Mousedown")}, + Mouseup: function (event) {return MENU.Event(event,this,"Mouseup")}, + Touchstart: function (event) {return MENU.Event(event,this,"Touchstart")}, + Touchend: function (event) {return MENU.Event(event,this,"Touchend")}, + Event: function (event,menu,type,force) { + if (MENU.skipMouseover && type === "Mouseover" && !force) {return FALSE(event)} + if (MENU.skipUp) { + if (type.match(/Mouseup|Touchend/)) {delete MENU.skipUp; return FALSE(event)} + if (type === "Touchstart" || + (type === "Mousedown" && !MENU.skipMousedown)) {delete MENU.skipUp} + } + if (!event) {event = window.event} + var item = menu.menuItem; + if (item && item[type]) {return item[type](event,menu)} + return null; + }, + + /* + * Style for the background DIV + */ + BGSTYLE: { + position:"absolute", left:0, top:0, "z-index":200, + width:"100%", height:"100%", border:0, padding:0, margin:0 + }, + + Background: function (menu) { + var div = HTML.addElement(document.body,"div",{style:this.BGSTYLE, id:"MathJax_MenuFrame"}, + [["div",{style: this.BGSTYLE, menuItem: menu, onmousedown: this.Remove}]]); + var bg = div.firstChild; + if (menu.msieBackgroundBug) { + // MSIE doesn't allow transparent background to be hit boxes, so + // fake it using opacity with solid background color + bg.style.backgroundColor = "white"; bg.style.filter = "alpha(opacity=0)"; + } + if (menu.msieFixedPositionBug) { + // MSIE can't do fixed position, so use a full-sized background + // and an onresize handler to update it (stupid, but necessary) + div.width = div.height = 0; this.Resize(); + attachEvent("onresize",this.Resize); + } else { + // otherwise, use a fixed position DIV to cover the viewport + bg.style.position = "fixed"; + } + return div; + }, + Resize: function () {setTimeout(MENU.SetWH,0)}, + SetWH: function () { + var bg = document.getElementById("MathJax_MenuFrame"); + if (bg) { + bg = bg.firstChild; + bg.style.width = bg.style.height = "1px"; // so scrollWidth/Height will be right below + bg.style.width = document.body.scrollWidth + "px"; + bg.style.height = document.body.scrollHeight + "px"; + } + }, + + saveCookie: function () {HTML.Cookie.Set("menu",this.cookie)}, + getCookie: function () {this.cookie = HTML.Cookie.Get("menu")}, + + // + // Preload images so they show up with the menu + // + getImages: function () { + if (MENU.isMobile) {var close = new Image(); close.src = CONFIG.closeImg} + } + + }); + + /*************************************************************/ + /* + * The menu item root subclass + */ + var ITEM = MENU.ITEM = MathJax.Object.Subclass({ + name: "", // the menu item's label + + Create: function (menu) { + if (!this.hidden) { + var def = { + onmouseover: MENU.Mouseover, onmouseout: MENU.Mouseout, + onmouseup: MENU.Mouseup, onmousedown: MENU.Mousedown, + ondragstart: FALSE, onselectstart: FALSE, onselectend: FALSE, + ontouchstart: MENU.Touchstart, ontouchend: MENU.Touchend, + className: "MathJax_MenuItem", menuItem: this + }; + if (this.disabled) {def.className += " MathJax_MenuDisabled"} + HTML.addElement(menu,"div",def,this.Label(def,menu)); + } + }, + + Mouseover: function (event,menu) { + if (!this.disabled) {this.Activate(menu)} + if (!this.menu || !this.menu.posted) { + var menus = document.getElementById("MathJax_MenuFrame").childNodes, + items = menu.parentNode.childNodes; + for (var i = 0, m = items.length; i < m; i++) { + var item = items[i].menuItem; + if (item && item.menu && item.menu.posted) {item.Deactivate(items[i])} + } + m = menus.length-1; + while (m >= 0 && menu.parentNode.menuItem !== menus[m].menuItem) { + menus[m].menuItem.posted = false; + menus[m].parentNode.removeChild(menus[m]); + m--; + } + if (this.Timer && !MENU.isMobile) {this.Timer(event,menu)} + } + }, + Mouseout: function (event,menu) { + if (!this.menu || !this.menu.posted) {this.Deactivate(menu)} + if (this.timer) {clearTimeout(this.timer); delete this.timer} + }, + Mouseup: function (event,menu) {return this.Remove(event,menu)}, + + Touchstart: function (event,menu) {return this.TouchEvent(event,menu,"Mousedown")}, + Touchend: function (event,menu) {return this.TouchEvent(event,menu,"Mouseup")}, + TouchEvent: function (event,menu,type) { + if (this !== ITEM.lastItem) { + if (ITEM.lastMenu) {MENU.Event(event,ITEM.lastMenu,"Mouseout")} + MENU.Event(event,menu,"Mouseover",true); + ITEM.lastItem = this; ITEM.lastMenu = menu; + } + if (this.nativeTouch) {return null} + MENU.Event(event,menu,type); + return false; + }, + + Remove: function (event,menu) { + menu = menu.parentNode.menuItem; + return menu.Remove(event,menu); + }, + + Activate: function (menu) {this.Deactivate(menu); menu.className += " MathJax_MenuActive"}, + Deactivate: function (menu) {menu.className = menu.className.replace(/ MathJax_MenuActive/,"")}, + + With: function (def) {if (def) {HUB.Insert(this,def)}; return this} + }); + + /*************************************************************/ + /* + * A menu item that performs a command when selected + */ + MENU.ITEM.COMMAND = MENU.ITEM.Subclass({ + action: function () {}, + + Init: function (name,action,def) { + this.name = name; this.action = action; + this.With(def); + }, + + Label: function (def,menu) {return [this.name]}, + Mouseup: function (event,menu) { + if (!this.disabled) { + this.Remove(event,menu); + SIGNAL.Post(["command",this]); + this.action.call(this,event); + } + return FALSE(event); + } + }); + + /*************************************************************/ + /* + * A menu item that posts a submenu + */ + MENU.ITEM.SUBMENU = MENU.ITEM.Subclass({ + menu: null, // the submenu + marker: (isPC && !HUB.Browser.isSafari ? "\u25B6" : "\u25B8"), // the menu arrow + + Init: function (name,def) { + this.name = name; var i = 1; + if (!(def instanceof MENU.ITEM)) {this.With(def), i++} + this.menu = MENU.apply(MENU,[].slice.call(arguments,i)); + }, + Label: function (def,menu) { + this.menu.posted = false; + return [this.name+" ",["span",{className:"MathJax_MenuArrow"},[this.marker]]]; + }, + Timer: function (event,menu) { + if (this.timer) {clearTimeout(this.timer)} + event = {clientX: event.clientX, clientY: event.clientY}; // MSIE can't pass the event below + this.timer = setTimeout(CALLBACK(["Mouseup",this,event,menu]),CONFIG.delay); + }, + Touchend: function (event,menu) { + var forceout = this.menu.posted; + var result = this.SUPER(arguments).Touchend.apply(this,arguments); + if (forceout) {this.Deactivate(menu); delete ITEM.lastItem; delete ITEM.lastMenu} + return result; + }, + Mouseup: function (event,menu) { + if (!this.disabled) { + if (!this.menu.posted) { + if (this.timer) {clearTimeout(this.timer); delete this.timer} + this.menu.Post(event,menu); + } else { + var menus = document.getElementById("MathJax_MenuFrame").childNodes, + m = menus.length-1; + while (m >= 0) { + var child = menus[m]; + child.menuItem.posted = false; + child.parentNode.removeChild(child); + if (child.menuItem === this.menu) {break}; + m--; + } + } + } + return FALSE(event); + } + }); + + /*************************************************************/ + /* + * A menu item that is one of several radio buttons + */ + MENU.ITEM.RADIO = MENU.ITEM.Subclass({ + variable: null, // the variable name + marker: (isPC ? "\u25CF" : "\u2713"), // the checkmark + + Init: function (name,variable,def) { + this.name = name; this.variable = variable; this.With(def); + if (this.value == null) {this.value = this.name} + }, + Label: function (def,menu) { + var span = {className:"MathJax_MenuRadioCheck"}; + if (CONFIG.settings[this.variable] !== this.value) {span = {style:{display:"none"}}} + return [["span",span,[this.marker]]," "+this.name]; + }, + Mouseup: function (event,menu) { + if (!this.disabled) { + var child = menu.parentNode.childNodes; + for (var i = 0, m = child.length; i < m; i++) { + var item = child[i].menuItem; + if (item && item.variable === this.variable) + {child[i].firstChild.style.display = "none"} + } + menu.firstChild.display = ""; + CONFIG.settings[this.variable] = this.value; + MENU.cookie[this.variable] = CONFIG.settings[this.variable]; MENU.saveCookie(); + SIGNAL.Post(["radio button",this]); + } + this.Remove(event,menu); + if (this.action && !this.disabled) {this.action.call(MENU,this)} + return FALSE(event); + } + }); + + /*************************************************************/ + /* + * A menu item that is checkable + */ + MENU.ITEM.CHECKBOX = MENU.ITEM.Subclass({ + variable: null, // the variable name + marker: "\u2713", // the checkmark + + Init: function (name,variable,def) { + this.name = name; this.variable = variable; this.With(def); + }, + Label: function (def,menu) { + var span = {className:"MathJax_MenuCheck"}; + if (!CONFIG.settings[this.variable]) {span = {style:{display:"none"}}} + return [["span",span,[this.marker]]," "+this.name]; + }, + Mouseup: function (event,menu) { + if (!this.disabled) { + menu.firstChild.display = (CONFIG.settings[this.variable] ? "none" : ""); + CONFIG.settings[this.variable] = !CONFIG.settings[this.variable]; + MENU.cookie[this.variable] = CONFIG.settings[this.variable]; MENU.saveCookie(); + SIGNAL.Post(["checkbox",this]); + } + this.Remove(event,menu); + if (this.action && !this.disabled) {this.action.call(MENU,this)} + return FALSE(event); + } + }); + + /*************************************************************/ + /* + * A menu item that is a label + */ + MENU.ITEM.LABEL = MENU.ITEM.Subclass({ + Init: function (name,def) {this.name = name; this.With(def)}, + Label: function (def,menu) { + delete def.onmouseover, delete def.onmouseout; delete def.onmousedown; + def.className += " MathJax_MenuLabel"; + return [this.name]; + } + }); + + /*************************************************************/ + /* + * A rule in a menu + */ + MENU.ITEM.RULE = MENU.ITEM.Subclass({ + Label: function (def,menu) { + delete def.onmouseover, delete def.onmouseout; delete def.onmousedown; + def.className += " MathJax_MenuRule"; + return null; + } + }); + + /*************************************************************/ + /*************************************************************/ + + /* + * Handle the ABOUT box + */ + MENU.About = function () { + var HTMLCSS = OUTPUT["HTML-CSS"] || {fontInUse: ""}; + var local = (HTMLCSS.webFonts ? "" : "local "), web = (HTMLCSS.webFonts ? " web" : ""); + var font = (HTMLCSS.imgFonts ? "Image" : local+HTMLCSS.fontInUse+web) + " fonts"; + if (font === "local fonts" && OUTPUT.SVG) {font = "web SVG fonts"} + var jax = ["MathJax.js v"+MathJax.fileversion,["br"]]; + jax.push(["div",{style:{"border-top":"groove 2px",margin:".25em 0"}}]); + MENU.About.GetJax(jax,MathJax.InputJax,"Input Jax"); + MENU.About.GetJax(jax,MathJax.OutputJax,"Output Jax"); + MENU.About.GetJax(jax,MathJax.ElementJax,"Element Jax"); + jax.push(["div",{style:{"border-top":"groove 2px",margin:".25em 0"}}]); + MENU.About.GetJax(jax,MathJax.Extension,"Extension",true); + jax.push(["div",{style:{"border-top":"groove 2px",margin:".25em 0"}}],["center",{},[ + HUB.Browser + " v"+HUB.Browser.version + + (HTMLCSS.webFonts && !HTMLCSS.imgFonts ? " \u2014 " + + HTMLCSS.allowWebFonts.replace(/otf/,"woff or otf") + " fonts" : "") + ]]); + MENU.About.div = MENU.Background(MENU.About); + var about = HTML.addElement(MENU.About.div,"div",{ + id: "MathJax_About" + },[ + ["b",{style:{fontSize:"120%"}},["MathJax"]]," v"+MathJax.version,["br"], + "using "+font,["br"],["br"], + ["span",{style:{ + display:"inline-block", "text-align":"left", "font-size":"80%", + "max-height":"20em", overflow:"auto", + "background-color":"#E4E4E4", padding:".4em .6em", border:"1px inset" + }},jax],["br"],["br"], + ["a",{href:"http://www.mathjax.org/"},["www.mathjax.org"]], + ["img", { + src: CONFIG.closeImg, + style: {width:"21px", height:"21px", position:"absolute", top:".2em", right:".2em"}, + onclick: MENU.About.Remove + }] + ]); + var doc = (document.documentElement||{}); + var H = window.innerHeight || doc.clientHeight || doc.scrollHeight || 0; + if (MENU.prototype.msieAboutBug) { + about.style.width = "20em"; about.style.position = "absolute"; + about.style.left = Math.floor((document.documentElement.scrollWidth - about.offsetWidth)/2)+"px"; + about.style.top = (Math.floor((H-about.offsetHeight)/3)+document.body.scrollTop)+"px"; + } else { + about.style.marginLeft = Math.floor(-about.offsetWidth/2)+"px"; + about.style.top = Math.floor((H-about.offsetHeight)/3)+"px"; + } + }; + MENU.About.Remove = function (event) { + if (MENU.About.div) {document.body.removeChild(MENU.About.div); delete MENU.About.div} + }; + MENU.About.GetJax = function (jax,JAX,type,noTypeCheck) { + var info = []; + for (var id in JAX) {if (JAX.hasOwnProperty(id) && JAX[id]) { + if ((noTypeCheck && JAX[id].version) || (JAX[id].isa && JAX[id].isa(JAX))) + {info.push((JAX[id].id||id)+" "+type+" v"+JAX[id].version)} + }} + info.sort(); + for (var i = 0, m = info.length; i < m; i++) {jax.push(info[i],["br"])} + return jax; + }; + + + /* + * Handle the MathJax HELP menu + */ + MENU.Help = function () { + window.open(CONFIG.helpURL,"MathJaxHelp"); + }; + + /* + * Handle showing of element's source + */ + MENU.ShowSource = function (event) { + if (!event) {event = window.event} + var EVENT = {screenX:event.screenX, screenY:event.screenY}; + if (!MENU.jax) return; + if (this.format === "MathML") { + var MML = MathJax.ElementJax.mml; + if (MML && typeof(MML.mbase.prototype.toMathML) !== "undefined") { + // toMathML() can call MathJax.Hub.RestartAfter, so trap errors and check + try {MENU.ShowSource.Text(MENU.jax.root.toMathML(),event)} catch (err) { + if (!err.restart) {throw err} + CALLBACK.After([this,MENU.ShowSource,EVENT],err.restart); + } + } else if (!AJAX.loadingToMathML) { + AJAX.loadingToMathML = true; + MENU.ShowSource.Window(event); // WeBKit needs to open window on click event + CALLBACK.Queue( + AJAX.Require("[MathJax]/extensions/toMathML.js"), + function () { + delete AJAX.loadingToMathML; + if (!MML.mbase.prototype.toMathML) {MML.mbase.prototype.toMathML = function () {}} + }, + [this,MENU.ShowSource,EVENT] // call this function again + ); + return; + } + } else { + if (MENU.jax.originalText == null) {alert("No original form available"); return} + MENU.ShowSource.Text(MENU.jax.originalText,event); + } + }; + MENU.ShowSource.Window = function (event) { + if (!MENU.ShowSource.w) { + var def = [], DEF = CONFIG.windowSettings; + for (var id in DEF) {if (DEF.hasOwnProperty(id)) {def.push(id+"="+DEF[id])}} + MENU.ShowSource.w = window.open("","_blank",def.join(",")); + } + return MENU.ShowSource.w; + }; + MENU.ShowSource.Text = function (text,event) { + var w = MENU.ShowSource.Window(event); delete MENU.ShowSource.w; + text = text.replace(/^\s*/,"").replace(/\s*$/,""); + text = text.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"); + if (MENU.isMobile) { + w.document.open(); + w.document.write("<html><head><meta name='viewport' content='width=device-width, initial-scale=1.0' /><title>MathJax Equation Source</title></head><body style='font-size:85%'>"); + w.document.write("<pre>"+text+"</pre>"); + w.document.write("<hr><input type='button' value='Close' onclick='window.close()' />"); + w.document.write("</body></html>"); + w.document.close(); + } else { + w.document.open(); + w.document.write("<html><head><title>MathJax Equation Source</title></head><body style='font-size:85%'>"); + w.document.write("<table><tr><td><pre>"+text+"</pre></td></tr></table>"); + w.document.write("</body></html>"); + w.document.close(); + var table = w.document.body.firstChild; + setTimeout(function () { + var H = (w.outerHeight-w.innerHeight)||30, W = (w.outerWidth-w.innerWidth)||30, x, y; + W = Math.max(100,Math.min(Math.floor(.5*screen.width),table.offsetWidth+W+25)); + H = Math.max(40,Math.min(Math.floor(.5*screen.height),table.offsetHeight+H+25)); + w.resizeTo(W,H); + if (event && event.screenX != null) { + x = Math.max(0,Math.min(event.screenX-Math.floor(W/2), screen.width-W-20)); + y = Math.max(0,Math.min(event.screenY-Math.floor(H/2), screen.height-H-20)); + w.moveTo(x,y); + } + },50); + } + }; + + /* + * Handle rescaling all the math + */ + MENU.Scale = function () { + var HTMLCSS = OUTPUT["HTML-CSS"], nMML = OUTPUT.NativeMML, SVG = OUTPUT.SVG; + var SCALE = (HTMLCSS||nMML||SVG||{config:{scale:100}}).config.scale; + var scale = prompt("Scale all mathematics (compared to surrounding text) by",SCALE+"%"); + if (scale) { + if (scale.match(/^\s*\d+(\.\d*)?\s*%?\s*$/)) { + scale = parseFloat(scale); + if (scale) { + if (scale !== SCALE) { + if (HTMLCSS) {HTMLCSS.config.scale = scale} + if (nMML) {nMML.config.scale = scale} + if (SVG) {SVG.config.scale = scale} + MENU.cookie.scale = scale; + MENU.saveCookie(); HUB.Reprocess(); + } + } else {alert("The scale should not be zero")} + } else {alert("The scale should be a percentage (e.g., 120%)")} + } + }; + + /* + * Handle loading the zoom code + */ + MENU.Zoom = function () { + if (!MathJax.Extension.MathZoom) {AJAX.Require("[MathJax]/extensions/MathZoom.js")} + }; + + /* + * Handle changing the renderer + */ + MENU.Renderer = function () { + var jax = HUB.outputJax["jax/mml"]; + if (jax[0] !== CONFIG.settings.renderer) { + var BROWSER = HUB.Browser, message, MESSAGE = MENU.Renderer.Messages, warned; + // + // Check that the new renderer is appropriate for the browser + // + switch (CONFIG.settings.renderer) { + case "NativeMML": + if (!CONFIG.settings.warnedMML) { + if (BROWSER.isChrome || (BROWSER.isSafari && !BROWSER.versionAtLeast("5.0"))) {message = MESSAGE.MML.WebKit} + else if (BROWSER.isMSIE) {if (!BROWSER.hasMathPlayer) {message = MESSAGE.MML.MSIE}} + else {message = MESSAGE.MML[BROWSER]} + warned = "warnedMML"; + } + break; + + case "SVG": + if (!CONFIG.settings.warnedSVG) { + if (BROWSER.isMSIE && !isIE9) {message = MESSAGE.SVG.MSIE} + } + break; + } + if (message) { + message += "\n\nSwitch the renderer anyway?\n\n" + + "(Press OK to switch, CANCEL to continue with the current renderer)"; + MENU.cookie.renderer = jax[0].id; MENU.saveCookie(); if (!confirm(message)) {return} + if (warned) {MENU.cookie[warned] = CONFIG.settings[warned] = true} + MENU.cookie.renderer = CONFIG.settings.renderer; MENU.saveCookie(); + } + HUB.Queue( + ["setRenderer",HUB,CONFIG.settings.renderer,"jax/mml"], + ["Rerender",HUB] + ); + } + }; + MENU.Renderer.Messages = { + MML: { + WebKit: "Your browser doesn't seem to support MathML natively, " + + "so switching to MathML output may cause the mathematics " + + "on the page to become unreadable.", + + MSIE: "Internet Explorer requires the MathPlayer plugin " + + "in order to process MathML output.", + + Opera: "Opera's support for MathML is limited, so switching to " + + "MathML output may cause some expressions to render poorly.", + + Safari: "Your browser's native MathML does not implement all the features " + + "used by MathJax, so some expressions may not render properly.", + + Firefox: "Your browser's native MathML does not implement all the features " + + "used by MathJax, so some expressions may not render properly." + }, + + SVG: { + MSIE: "SVG is not implemented in Internet Explorer prior to " + + "IE9, or when the browser is emulating IE8 or below. " + + "Switching to SVG output will cause the mathemtics to " + + "not display properly." + } + }; + + /* + * Handle setting the HTMLCSS fonts + */ + MENU.Font = function () { + var HTMLCSS = OUTPUT["HTML-CSS"]; if (!HTMLCSS) return; + document.location.reload(); + }; + + /* + * Handle setting MathPlayer events + */ + MENU.MPEvents = function (item) { + var discoverable = CONFIG.settings.discoverable, + MESSAGE = MENU.MPEvents.Messages; + if (!isIE9) { + if (CONFIG.settings.mpMouse && !confirm(MESSAGE.IE8warning)) { + delete MENU.cookie.mpContext; delete CONFIG.settings.mpContext; + delete MENU.cookie.mpMouse; delete CONFIG.settings.mpMouse; + MENU.saveCookie(); + return; + } + CONFIG.settings.mpContext = CONFIG.settings.mpMouse; + MENU.cookie.mpContext = MENU.cookie.mpMouse = CONFIG.settings.mpMouse; + MENU.saveCookie(); + MathJax.Hub.Queue(["Rerender",MathJax.Hub]) + } else if (!discoverable && item.name === "Menu Events" && CONFIG.settings.mpContext) { + alert(MESSAGE.IE9warning); + } + }; + MENU.MPEvents.Messages = { + IE8warning: + "This will disable the MathJax menu and zoom features, " + + "but you can Alt-Click on an expression to obtain the MathJax " + + "menu instead.\n\nReally change the MathPlayer settings?", + + IE9warning: + "The MathJax contextual menu will be disabled, but you can " + + "Alt-Click on an expression to obtain the MathJax menu instead." + }; + + /*************************************************************/ + /*************************************************************/ + + HUB.Browser.Select({ + MSIE: function (browser) { + var quirks = (document.compatMode === "BackCompat"); + var isIE8 = browser.versionAtLeast("8.0") && document.documentMode > 7; + MENU.Augment({ + margin: 20, + msieBackgroundBug: (document.documentMode < 9), + msieFixedPositionBug: (quirks || !isIE8), + msieAboutBug: quirks + }); + if (isIE9) { + delete CONFIG.styles["#MathJax_About"].filter; + delete CONFIG.styles[".MathJax_Menu"].filter; + } + }, + Firefox: function (browser) { + MENU.skipMouseover = browser.isMobile && browser.versionAtLeast("6.0"); + MENU.skipMousedown = browser.isMobile; + } + }); + MENU.isMobile = HUB.Browser.isMobile; + MENU.noContextMenu = HUB.Browser.noContextMenu; + + /*************************************************************/ + + HUB.Register.StartupHook("End Config",function () { + + /* + * Get the menu settings from the HUB (which includes the + * data from the cookie already), and add the format, if + * it wasn't set in the cookie. + */ + CONFIG.settings = HUB.config.menuSettings; + if (typeof(CONFIG.settings.showRenderer) !== "undefined") {CONFIG.showRenderer = CONFIG.settings.showRenderer} + if (typeof(CONFIG.settings.showFontMenu) !== "undefined") {CONFIG.showFontMenu = CONFIG.settings.showFontMenu} + if (typeof(CONFIG.settings.showContext) !== "undefined") {CONFIG.showContext = CONFIG.settings.showContext} + MENU.getCookie(); + + /* + * The main menu + */ + MENU.menu = MENU( + ITEM.SUBMENU("Show Math As", + ITEM.COMMAND("MathML Code", MENU.ShowSource, {nativeTouch: true, format: "MathML"}), + ITEM.COMMAND("Original Form", MENU.ShowSource, {nativeTouch: true}), + ITEM.RULE(), + ITEM.CHECKBOX("Show TeX hints in MathML", "texHints") + ), + ITEM.RULE(), + ITEM.SUBMENU("Math Settings", + ITEM.SUBMENU("Zoom Trigger", + ITEM.RADIO("Hover", "zoom", {action: MENU.Zoom}), + ITEM.RADIO("Click", "zoom", {action: MENU.Zoom}), + ITEM.RADIO("Double-Click", "zoom", {action: MENU.Zoom}), + ITEM.RADIO("No Zoom", "zoom", {value: "None"}), + ITEM.RULE(), + ITEM.LABEL("Trigger Requires:"), + ITEM.CHECKBOX((HUB.Browser.isMac ? "Option" : "Alt"), "ALT"), + ITEM.CHECKBOX("Command", "CMD", {hidden: !HUB.Browser.isMac}), + ITEM.CHECKBOX("Control", "CTRL", {hidden: HUB.Browser.isMac}), + ITEM.CHECKBOX("Shift", "Shift") + ), + ITEM.SUBMENU("Zoom Factor", + ITEM.RADIO("125%", "zscale"), + ITEM.RADIO("133%", "zscale"), + ITEM.RADIO("150%", "zscale"), + ITEM.RADIO("175%", "zscale"), + ITEM.RADIO("200%", "zscale"), + ITEM.RADIO("250%", "zscale"), + ITEM.RADIO("300%", "zscale"), + ITEM.RADIO("400%", "zscale") + ), + ITEM.RULE(), + ITEM.SUBMENU("Math Renderer", {hidden:!CONFIG.showRenderer}, + ITEM.RADIO("HTML-CSS", "renderer", {action: MENU.Renderer}), + ITEM.RADIO("MathML", "renderer", {action: MENU.Renderer, value:"NativeMML"}), + ITEM.RADIO("SVG", "renderer", {action: MENU.Renderer}) + ), + ITEM.SUBMENU("MathPlayer", {hidden:!HUB.Browser.isMSIE || + !CONFIG.showMathPlayer, + disabled:!HUB.Browser.hasMathPlayer}, + ITEM.LABEL("Let MathPlayer Handle:"), + ITEM.CHECKBOX("Menu Events", "mpContext", {action: MENU.MPEvents, hidden:!isIE9}), + ITEM.CHECKBOX("Mouse Events", "mpMouse", {action: MENU.MPEvents, hidden:!isIE9}), + ITEM.CHECKBOX("Mouse and Menu Events", "mpMouse", {action: MENU.MPEvents, hidden:isIE9}) + ), + ITEM.SUBMENU("Font Preference", {hidden:!CONFIG.showFontMenu}, + ITEM.LABEL("For HTML-CSS:"), + ITEM.RADIO("Auto", "font", {action: MENU.Font}), + ITEM.RULE(), + ITEM.RADIO("TeX (local)", "font", {action: MENU.Font}), + ITEM.RADIO("TeX (web)", "font", {action: MENU.Font}), + ITEM.RADIO("TeX (image)", "font", {action: MENU.Font}), + ITEM.RULE(), + ITEM.RADIO("STIX (local)", "font", {action: MENU.Font}) + ), + ITEM.SUBMENU("Contextual Menu", {hidden:!CONFIG.showContext}, + ITEM.RADIO("MathJax", "context"), + ITEM.RADIO("Browser", "context") + ), + ITEM.COMMAND("Scale All Math ...",MENU.Scale), + ITEM.RULE().With({hidden:!CONFIG.showDiscoverable, name:"discover_rule"}), + ITEM.CHECKBOX("Highlight on Hover", "discoverable", {hidden:!CONFIG.showDiscoverable}) + ), + ITEM.RULE(), + ITEM.COMMAND("About MathJax",MENU.About), + ITEM.COMMAND("MathJax Help",MENU.Help) + ); + + if (MENU.isMobile) { + (function () { + var settings = CONFIG.settings; + var trigger = MENU.menu.Find("Math Settings","Zoom Trigger").menu; + trigger.items[0].disabled = trigger.items[1].disabled = true; + if (settings.zoom === "Hover" || settings.zoom == "Click") {settings.zoom = "None"} + trigger.items = trigger.items.slice(0,4); + + if (navigator.appVersion.match(/[ (]Android[) ]/)) { + MENU.ITEM.SUBMENU.Augment({marker: "\u00BB"}); + } + })(); + } + + }); + + MENU.showRenderer = function (show) { + MENU.cookie.showRenderer = CONFIG.showRenderer = show; MENU.saveCookie(); + MENU.menu.Find("Math Settings","Math Renderer").hidden = !show; + }; + MENU.showMathPlayer = function (show) { + MENU.cookie.showMathPlayer = CONFIG.showMathPlayer = show; MENU.saveCookie(); + MENU.menu.Find("Math Settings","MathPlayer").hidden = !show; + }; + MENU.showFontMenu = function (show) { + MENU.cookie.showFontMenu = CONFIG.showFontMenu = show; MENU.saveCookie(); + MENU.menu.Find("Math Settings","Font Preference").hidden = !show; + }; + MENU.showContext = function (show) { + MENU.cookie.showContext = CONFIG.showContext = show; MENU.saveCookie(); + MENU.menu.Find("Math Settings","Contextual Menu").hidden = !show; + }; + MENU.showDiscoverable = function (show) { + MENU.cookie.showContext = CONFIG.showContext = show; MENU.saveCookie(); + MENU.menu.Find("Math Settings","Highlight on Hover").hidden = !show; + MENU.menu.Find("Math Settings","discover_rule").hidden = !show; + }; + + MathJax.Hub.Register.StartupHook("HTML-CSS Jax Ready",function () { + if (!MathJax.OutputJax["HTML-CSS"].config.imageFont) + {MENU.menu.Find("Math Settings","Font Preference","TeX (image)").disabled = true} + }); + + /*************************************************************/ + + CALLBACK.Queue( + HUB.Register.StartupHook("End Config",{}), // wait until config is complete + ["getImages",MENU], + ["Styles",AJAX,CONFIG.styles], + ["Post",HUB.Startup.signal,"MathMenu Ready"], + ["loadComplete",AJAX,"[MathJax]/extensions/MathMenu.js"] + ); + +})(MathJax.Hub,MathJax.HTML,MathJax.Ajax,MathJax.CallBack,MathJax.OutputJax); |