File:  [LON-CAPA] / loncom / html / adm / jsMath / jsMath-controls.html
Revision 1.2: download - view: text, annotated - select for diffs
Wed May 17 22:19:27 2006 UTC (18 years, 2 months ago) by albertel
Branches: MAIN
CVS tags: version_2_5_X, version_2_5_2, version_2_5_1, version_2_5_0, version_2_4_X, version_2_4_99_0, version_2_4_2, version_2_4_1, version_2_4_0, version_2_3_X, version_2_3_99_0, version_2_3_2, version_2_3_1, version_2_3_0, version_2_2_X, version_2_2_99_1, version_2_2_99_0, version_2_2_2, version_2_2_1, version_2_2_0, version_2_1_X, version_2_1_99_3, version_2_1_99_2, version_2_1_99_1, version_2_1_99_0, HEAD
- jsmath 3.3

    1: <html>
    2: <head>
    3: <!--
    4:  | jsMath-controls.html
    5:  |
    6:  | Part of the jsMath package for mathematics on the web.
    7:  | 
    8:  | This file handles the details of the jsMath control panels
    9:  | 
   10:  | ---------------------------------------------------------------------
   11:  | 
   12:  | Copyright 2004-2006 by Davide P. Cervone
   13:  |
   14:  | Licensed under the Apache License, Version 2.0 (the "License");
   15:  | you may not use this file except in compliance with the License.
   16:  | You may obtain a copy of the License at
   17:  |
   18:  |     http://www.apache.org/licenses/LICENSE-2.0
   19:  |
   20:  | Unless required by applicable law or agreed to in writing, software
   21:  | distributed under the License is distributed on an "AS IS" BASIS,
   22:  | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   23:  | See the License for the specific language governing permissions and
   24:  | limitations under the License.
   25: -->
   26: </head>
   27: <body>
   28: 
   29: <script>
   30: var showWarning = 0;
   31: while (!window.jsMath && !showWarning) {
   32:   try {
   33:     window.jsMath = window.parent.jsMath;
   34:     if (!window.jsMath) {throw "no jsMath";}
   35:   } catch (err) {
   36:     showWarning = 1; pageDomain = '';
   37:     try {pageDomain = document.domain} catch (err) {}
   38:     //
   39:     // MSIE on Mac can't change document.domain, and 'try' won't
   40:     //   catch the error (Grrr!) so don't even attempt it.
   41:     //
   42:     if (pageDomain.match(/\..*\./) &&
   43:         (navigator.appName != 'Microsoft Internet Explorer' ||
   44:          navigator.platform != 'MacPPC' || !navigator.userProfile || !document.all)) {
   45:       try {
   46:         document.domain = pageDomain.replace(/^[^.]*\./,'');
   47:         showWarning = 0;
   48:       } catch(err) {}
   49:     }
   50:   }
   51: }
   52: 
   53: function Warning () {
   54:   alert(
   55:     "jsMath can't open the control panel, since jsMath was not " +
   56:     "obtained from a server that is in the same domain as the " +
   57:     "page that loaded it."
   58:   );
   59: }
   60: 
   61: if (showWarning) {setTimeout("Warning()",1)} else {
   62: var debug = window.parent.debug; var show = window.parent.show;
   63: 
   64: jsMath.Add(jsMath.Controls,{
   65: 
   66:   loaded: 1,
   67: 
   68:   mainLabels: {
   69:     print: 'Print',  reload: 'Reload', local: 'Go Local', global: 'Go Global',
   70:     ctrls: 'Controls', opts: 'Options', done: 'Done'
   71:   },
   72:   optionLabels: {back: 'Back', done: 'Done'},
   73: 
   74:   Close: function () {
   75:     this.panel.style.display = "none";
   76:     jsMath.Element("button").style.display = (this.cookie.button ? "block" : "none");
   77:     if (jsMath.document.location.protocol == 'file:' && jsMath.Global.islocal) return;
   78:     for (var id in {scale:1, scaleImg:1, font:1, print:1, printwarn:1,
   79:                     stayhires:1, autofont:1, alpha:1, tex2math:1, global:1}) {
   80:       if (this.cookie[id] && this.cookie[id] != this.oldCookie[id] &&
   81:           this.oldCookie[id] != null) {
   82:         this.Reload();
   83:         return;
   84:       }
   85:     }
   86:   },
   87: 
   88:   Main: function () {
   89:     this.oldCookie = {}; jsMath.Add(this.oldCookie,this.cookie);
   90:     this.panel.innerHTML = ""; // for MSIE on the Mac
   91:     if (jsMath.browser == 'Mozilla') {
   92:       this.panel.appendChild(document.getElementById("jsMath_panel").cloneNode(true));
   93:     } else {
   94:       this.panel.innerHTML = document.getElementById("jsMath_panel").innerHTML;
   95:     }
   96: 
   97:     jsMath.Element("_version").innerHTML = jsMath.version;
   98: 
   99:     jsMath.Element("_fontType").innerHTML =
  100:       ({tex:"TeX",
  101:         image:"Image",
  102:         symbol:"Image symbol",
  103:         unicode:"Unicode"})[this.cookie.font];
  104: 
  105:      jsMath.Element("_mailto").href =
  106:        "mailto:dpvc@union.edu?subject=Bug Report for jsMath "
  107:            + jsMath.version + " (using " + jsMath.browser
  108:            + " in " + this.cookie.font + " mode)";
  109: 
  110:     if (this.cookie.print ||
  111:        (this.cookie.font != 'image' && this.cookie.font != 'symbol'))
  112:          {jsMath.Element("_resolution").disabled = true}
  113: 
  114:     if (jsMath.Global.isLocal) {
  115:       jsMath.Element("_ctrls").disabled = true;
  116:     } else {
  117:       this.cookie.hiddenGlobal = jsMath.Global.isHidden;
  118:       jsMath.Element("_global").style.display = "none";
  119:       jsMath.Element("_local").style.display = "";
  120:       if (!jsMath.Global.isHidden || jsMath.noShowGlobal)
  121:         {jsMath.Element("_ctrls").disabled = true}
  122:     }
  123:     if (jsMath.noChangeGlobal) {
  124:       for (var id in {global:1, local:1, ctrls: 1})
  125:         {jsMath.Element('_'+id).disabled = true}
  126:     }
  127:     if (!window.print) {jsMath.Element("_print").disabled = true}
  128: 
  129:     if (jsMath.Browser.safariButtonBug) {
  130:       for (var id in this.mainLabels)
  131:         {jsMath.Element('_'+id).value = this.mainLabels[id]}
  132:     }
  133: 
  134:     this.panel.style.display = "block";
  135:     this.openMain = 0;
  136:   },
  137: 
  138:   Options: function () {
  139:     this.panel.innerHTML = ""; // for MSIE on the Mac
  140:     if (jsMath.browser == 'Mozilla') {
  141:       this.panel.appendChild(document.getElementById("jsMath_options").cloneNode(true));
  142:     } else {
  143:       this.panel.innerHTML = document.getElementById("jsMath_options").innerHTML;
  144:     }
  145:     jsMath.Element("_scale").value = this.cookie.scale;
  146:     jsMath.Element("_keep").value = this.cookie.keep;
  147:     jsMath.Element("_global").value = this.cookie.global;
  148:     for (var id in {autofont:1, scaleImg:1, alpha:1, warn:1, printwarn: 1,
  149:                     stayhires: 1, button:1, progress:1, asynch:1, blank:1, tex2math:1}) {
  150:       if (this.cookie[id]) {jsMath.Element('_'+id).checked = true}
  151:     }
  152:     var font = jsMath.document.getElementsByName("jsMath__font");
  153:     for (var i = 0; i < font.length; i++) {
  154:       if ((font[i].value == 'tex' && jsMath.nofonts) ||
  155:           ((font[i].value == 'symbol' || font[i].value == 'image') &&
  156:              jsMath.noImgFonts)) {
  157:         jsMath.Element('_'+font[i].value+"Text").className = "disabled";
  158:         font[i].disabled = true;
  159:       }
  160:       else if (this.cookie.font == font[i].value) {font[i].checked = true}
  161:     }
  162:     if (jsMath.noImgFonts) {
  163:       for (var id in {alpha:1, printwarn:1, stayhires:1}) {
  164:         var obj = jsMath.Element("_"+id);
  165:         obj.disabled = true;
  166:         obj.parentNode.className = "disabled";
  167:       }
  168:     } else if (jsMath.Browser.imgScale != 1) {
  169:       jsMath.Element("_alphaText").className = "disabled";
  170:       jsMath.Element("_alpha").disabled = true;
  171:     }
  172:     if (jsMath.tex2math.Convert) {
  173:       jsMath.Element("_separator").style.display = '';
  174:       jsMath.Element("_tex2mathRow").style.display = '';
  175:     }
  176:     if (jsMath.noChangeGlobal) {
  177:       jsMath.Element("_globalText").className = "disabled";
  178:       jsMath.Element("_global").disabled = true;
  179:     }
  180: 
  181:     if (jsMath.Browser.safariButtonBug) {
  182:       for (var id in this.optionLabels)
  183:         {jsMath.Element('_'+id).value = this.optionLabels[id]}
  184:     }
  185: 
  186:     this.panel.style.display = "block";
  187:   },
  188: 
  189:   SaveOptions: function (close) {
  190:     this.cookie.scale = jsMath.Element("_scale").value;
  191:     var font = jsMath.document.getElementsByName("jsMath__font");
  192:     for (var i = 0; i < font.length; i++) 
  193:       {if (font[i].checked) {this.cookie.font = font[i].value}}
  194:     for (var id in {autofont:1, scaleImg:1, alpha:1, warn:1, printwarn: 1,
  195:                     stayhires: 1, button:1, progress:1, asynch:1, blank:1, tex2math:1}) {
  196:       if (this.cookie[id] != null) {
  197:         this.cookie[id] = jsMath.Element('_'+id).checked ? 1: 0;
  198:       }
  199:     }
  200:     this.cookie.keep = jsMath.Element("_keep").value;
  201:     this.cookie.global = jsMath.Element("_global").value;
  202:     this.cookie.print = this.cookie.stayhires;
  203:     this.SetCookie(1);
  204:     if (close) {this.Close()} else {this.Main()}
  205:   },
  206: 
  207:   PrintResolution: function () {
  208:     this.cookie.print = 1;
  209:     this.SetCookie(1);
  210:     this.Close();
  211:   },
  212: 
  213:   Print: function () {
  214:     this.Close();
  215:     jsMath.window.print();
  216:   },
  217: 
  218:   GoGlobal: function () {
  219:     this.cookie.global = "always";
  220:     jsMath.Global.GoGlobal(this.SetCookie(2));
  221:   },
  222:   GoLocal: function () {jsMath.Global.GoLocal()},
  223: 
  224:   ShowControls: function () {
  225:     this.Close();
  226:     jsMath.Global.Show();
  227:   },
  228: 
  229:   CheckVersion: function () {
  230:     jsMath.Script.delayedLoad('http://www.math.union.edu/locate/jsMath/jsMath/jsMath-version-check.js');
  231:   },
  232: 
  233:   NoAuto: function () {jsMath.Element("_autofont").checked = false}
  234: 
  235: });
  236: 
  237: }
  238: </script>
  239: 
  240: <!------------------------------------------------------------>
  241: 
  242: <div id="jsMath_panel">
  243: <div style="text-align:center">
  244: <b style="font-size:133%">jsMath v<span ID="jsMath__version"></span></b>
  245: (<span id="jsMath__fontType">type</span> fonts)
  246: [<a target="_blank" href="http://www.math.union.edu/locate/jsMath/users/main.html">help</a>]
  247: <p style="margin-bottom:0px">
  248: <table border="0" cellspacing="0" cellpadding="0" style="margin:0px">
  249: <tr valign="middle"><td align="center">
  250: <table border="0" cellspacing="0" cellpadding="0">
  251: <tr><td class="infoLink" align="left">&#8226; <a target="_blank" href="http://www.math.union.edu/locate/jsMath/users/quickstart.html">Quick Start</a></td></tr>
  252: <tr><td class="infoLink" align="left">&#8226; <a target="_blank" href="http://www.math.union.edu/locate/jsMath/users/printing.html">Printing Issues</a></td></tr>
  253: <tr><td height="5"></td></tr>
  254: <tr><td class="infoLink" align="left">&#8226; <a target="_blank" href="http://www.math.union.edu/locate/jsMath">Home Page</a></td></tr>
  255: <tr><td class="infoLink" align="left">&#8226; <a target="_blank" href="http://www.math.union.edu/locate/jsMath/users/">Documentation</a></td></tr>
  256: <tr><td class="infoLink" align="left">&#8226; <a target="_blank" href="http://www.math.union.edu/locate/jsMath/download/jsMath-fonts.html">Download Fonts</a></td></tr>
  257: <tr><td height="5"></td></tr>
  258: <tr><td class="infoLink" align="left">&#8226; <a target="_blank" href="http://www.math.union.edu/locate/jsMath/bugs.html">Known Bugs</a></td></tr>
  259: <tr><td class="infoLink" align="left">&#8226; <a id="jsMath__mailto" href="mailto:dpvc@union.edu?subject=jsMath Bug Report">Report a  Bug</a></td></tr>
  260: <tr><td height="5"></td></tr>
  261: <tr><td class="infoLink" align="left">&#8226; <a target="_blank" href="http://www.math.union.edu/locate/jsMath/jsMath/COPYING.txt">License</a></td></tr>
  262: </table>
  263: </td>
  264: 
  265: <td style="width:1em">&nbsp;</td>
  266: 
  267: <td align="center">
  268: <table border="0" cellspacing="0" cellpadding="0">
  269: <tr><td align="center" colspan="3">
  270: <input type="button" value="Check for jsMath Updates"
  271:        style="width:18em" onclick="jsMath.Controls.CheckVersion()" /><br />
  272: <input type="button" id="jsMath__resolution" value="Hi-Res Fonts for Printing"
  273:        style="width:18em" onclick="jsMath.Controls.PrintResolution()" />
  274: </td></tr>
  275: 
  276: <tr><td height="8"></td></tr>
  277: 
  278: <tr valign="bottom"><td align="left">
  279: <input type="button" value="Print" id="jsMath__print" style="width:8em" onclick="jsMath.Controls.Print()" /><br />
  280: <input type="button" value="Reload" id="jsMath__reload" style="width:8em" style="width:8em" onclick="jsMath.window.location.reload()" /><br />
  281: </td><td>
  282: &nbsp;
  283: </td><td align="right">
  284: <input type="button" value="Go Global" id="jsMath__global" style="width:8em" onclick="jsMath.Controls.GoGlobal()"a /><!--
  285: --><input type="button" value="Go Local" id="jsMath__local" style="width:8em;display:none" onclick="jsMath.Controls.GoLocal()" /><br />
  286: <input type="button" value="Controls" id="jsMath__ctrls" style="width:8em" onclick="jsMath.Controls.ShowControls()" /><br/>
  287: </td></tr>
  288: 
  289: <tr><td height="8"></td></tr>
  290: 
  291: <tr valign="bottom"><td align="left">
  292: <input type="button" value="Options" id="jsMath__opts" style="width:8em" onclick="jsMath.Controls.Options()" /><br/>
  293: </td><td>
  294: &nbsp;
  295: </td><td align="right">
  296: <input type="button" value="Done" id="jsMath__done" style="width:8em" onclick="jsMath.Controls.Close()" />
  297: </td></tr>
  298: </table></td></tr>
  299: 
  300: <tr><td height="10"></td></tr>
  301: 
  302: <tr>
  303: <td colspan="3" align="center" style="width:26em">
  304: <i style="font-size:75%">Click the jsMath button or <nobr>ALT-click</nobr>
  305: on mathematics to reopen this panel.</i>
  306: </td></tr>
  307: 
  308: </table></p>
  309: </div>
  310: </div>
  311: 
  312: <!------------------------------------------------------------>
  313: 
  314: <div id="jsMath_options">
  315: <div style="text-align:center">
  316: <b style="font-size:133%">jsMath Options</b>
  317: [<a target="_blank" href="http://www.math.union.edu/locate/jsMath/users/help.html">help</a>]
  318: <p>
  319: <form action="javascript:" style="margin:0px">
  320: <table border="0" cellspacing="0" cellpadding="0">
  321: <tr valign="top"><td>
  322: 
  323: <table border="0" cellspacing="0" cellpadding="0" style="text-align:left">
  324: 
  325: <tr><td><input type="checkbox" id="jsMath__autofont"  value="1" /> Autoselect best font</td></tr>
  326: <tr><td><input type="checkbox" id="jsMath__warn"      value="1" /> Show font warnings</td></tr>
  327: <tr><td><input type="checkbox" id="jsMath__alpha"     value="1" /> Use image alpha channels</td></tr>
  328: <tr><td><input type="checkbox" id="jsMath__printwarn" value="1" /> Print image-font help</td></tr>
  329: <tr><td><input type="checkbox" id="jsMath__stayhires" value="1" /> Always use hi-res fonts</td></tr>
  330: 
  331: <tr><td style="height:.8em"></td></tr>
  332: 
  333: <tr><td><input type="checkbox" id="jsMath__progress" value="1" /> Show progress messages</td></tr>
  334: <tr><td><input type="checkbox" id="jsMath__asynch"   value="1" /> Force asynchronous processing</td></tr>
  335: <tr><td><input type="checkbox" id="jsMath__blank"    value="1" /> Don't show page until complete</td></tr>
  336: <tr><td><input type="checkbox" id="jsMath__button"   value="1" /> Show jsMath button</td></tr>
  337: 
  338: <tr id="jsMath__separator" style="display:none"><td style="height:.8em"></td></tr>
  339: 
  340: <tr id="jsMath__tex2mathRow" style="display:none"><td><input type="checkbox" id="jsMath__tex2math" value="1" /> Enable <code>tex2math</code> plug-in</td></tr>
  341: 
  342: </td></tr>
  343: </table>
  344: </td>
  345: <td style="width:2em"></td>
  346: <td>
  347: 
  348: <table border="0" cellspacing="0" cellpadding="0" style="text-align:left">
  349: <tr><td>Scale all mathematics to <input type="text" id="jsMath__scale" value="100" size="3" />%</td></tr>
  350: 
  351: <tr><td style="height:.5em"></td></tr>
  352: 
  353: <tr><td><input type="radio" name="jsMath__font" value="tex" onclick="jsMath.Controls.NoAuto()" />
  354: <span id="jsMath__texText">Use native TeX fonts</span>
  355: <small>(<a target="_blank" href="http://www.math.union.edu/locate/jsMath/download/jsMath-fonts.html">download</a>)</small>
  356: </td></tr>
  357: <tr><td><input type="radio" name="jsMath__font" value="image" onclick="jsMath.Controls.NoAuto()" />
  358: <span id="jsMath__imageText">Use image fonts
  359: <span id="jsMath__scaleImgText">(<input type="checkbox" id="jsMath__scaleImg" value="1" /> scalable)</span></span></td></tr>
  360: <tr><td><input type="radio" name="jsMath__font" value="symbol" onclick="jsMath.Controls.NoAuto()" />
  361: <span id="jsMath__symbolText">Use images for symbols only</span></td></tr>
  362: <tr><td height="2"></td></tr>
  363: <tr><td><input type="radio" name="jsMath__font" value="unicode" onclick="jsMath.Controls.NoAuto()" />
  364: Use native Unicode fonts</td></tr>
  365: 
  366: <tr><td style="height:1em"></td></tr>
  367: 
  368: <tr><td align="center"><span id="jsMath__globalText">Use Global mode</span>
  369: <select id="jsMath__global">
  370: <option value="auto">when requested
  371: <option value="always">always
  372: <option value="never">never
  373: </select>
  374: </td></tr>
  375: <tr><td height="3"></td></tr>
  376: <tr><td>Save settings for
  377: <select id="jsMath__keep">
  378: <option value="0D">this session only
  379: <option value="1D">1 day
  380: <option value="2D">2 days
  381: <option value="3D">3 days
  382: <option value="1W">1 week
  383: <option value="2W">2 weeks
  384: <option value="1M">1 month
  385: <option value="2M">2 months
  386: <option value="3M">3 months
  387: <option value="6M">6 months
  388: <option value="1Y">1 year
  389: <option value="5Y">5 years
  390: </select>
  391: </td></tr>
  392: 
  393: <tr><td style="height:1em"></td></tr>
  394: 
  395: </table>
  396: 
  397: <table border="0" cellspacing="0" cellpadding="0" width="100%">
  398: <tr>
  399: <td align="left">&nbsp;
  400: <input type="button" value="Back" id="jsMath__back" style="width:8em" onclick="jsMath.Controls.SaveOptions(0)" />
  401: &nbsp;&nbsp;
  402: </td>
  403: <td align="right">
  404: <input type="button" value="Done" id="jsMath__done" style="width:8em" onclick="jsMath.Controls.SaveOptions(1)" />
  405: &nbsp;
  406: </td>
  407: </tr>
  408: </table>
  409: 
  410: </td></tr>
  411: 
  412: </table>
  413: </form>
  414: </div>
  415: </div>
  416: </p>
  417: 
  418: <!------------------------------------------------------------>
  419: 
  420: <script>
  421:   if (!showWarning) {jsMath.Controls.Main()}
  422: </script>
  423: <script>
  424:   if (window.jsMath) {
  425:     jsMath.Script.endLoad();
  426:     jsMath.Message.doClear();
  427:   }
  428: </script>
  429: </body>
  430: </html>

FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>