handle-floats.js 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /* -*- Mode: Javascript; indent-tabs-mode:nil; js-indent-level: 2 -*- */
  2. /* vim: set ts=2 et sw=2 tw=80: */
  3. /*************************************************************
  4. *
  5. * MathJax/extensions/HTML-CSS/handle-floats.js
  6. *
  7. * This extension allows HTML-CSS output to deal with floating elements
  8. * better. In particular, when there are tags or equation numbers, these
  9. * would overlap floating elements, but with this extension, the width of
  10. * the line should properly correspond to the amount of space remaining.
  11. *
  12. * To load it, include
  13. *
  14. * "HTML-CSS": {
  15. * extensions: ["handle-floats.js"]
  16. * }
  17. *
  18. * in your configuration.
  19. *
  20. * ---------------------------------------------------------------------
  21. *
  22. * Copyright (c) 2012-2013 The MathJax Consortium
  23. *
  24. * Licensed under the Apache License, Version 2.0 (the "License");
  25. * you may not use this file except in compliance with the License.
  26. * You may obtain a copy of the License at
  27. *
  28. * http://www.apache.org/licenses/LICENSE-2.0
  29. *
  30. * Unless required by applicable law or agreed to in writing, software
  31. * distributed under the License is distributed on an "AS IS" BASIS,
  32. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  33. * See the License for the specific language governing permissions and
  34. * limitations under the License.
  35. */
  36. MathJax.Extension["HTML-CSS/handle-floats"] = {
  37. version: "2.2"
  38. };
  39. //
  40. // Make the display DIV be a table-cell
  41. // Use padding to get the separation, since table cells don't do margin
  42. // Make the width large (it will shrink to fit the remaining room)
  43. //
  44. MathJax.Hub.Config({
  45. "HTML-CSS": {
  46. styles: {
  47. ".MathJax_Display": {
  48. display: "table-cell",
  49. padding: "1em 0 ! important",
  50. width: (MathJax.Hub.Browser.isMSIE && (document.documentMode||0) < 8 ? "100%" : "1000em")
  51. }
  52. }
  53. }
  54. });
  55. //
  56. // Two consecutive equations would end up side-by-side, so force a separator
  57. // (Needed by IE8, IE9, and Firefox, at least).
  58. //
  59. MathJax.Hub.Register.StartupHook("HTML-CSS Jax Ready",function () {
  60. var HTMLCSS = MathJax.OutputJax["HTML-CSS"],
  61. TRANSLATE = HTMLCSS.Translate;
  62. HTMLCSS.Augment({
  63. Translate: function (script,state) {
  64. TRANSLATE.call(this,script,state);
  65. if (script.MathJax.elementJax.HTMLCSS.display) {
  66. var next = script.nextSibling;
  67. if (!next || next.className !== "MathJax_MSIE_Separator") {
  68. var span = HTMLCSS.Element("span",{className:"MathJax_MSIE_Separator"});
  69. script.parentNode.insertBefore(span,next);
  70. }
  71. }
  72. }
  73. });
  74. MathJax.Hub.Startup.signal.Post("HTML-CSS handle-floats Ready");
  75. });
  76. MathJax.Ajax.loadComplete("[MathJax]/extensions/HTML-CSS/handle-floats.js");