Return to bbox.js CVS log

Up to [LON-CAPA] / loncom / html / adm / jsMath / extensions

Annotation of loncom/html/adm/jsMath/extensions/bbox.js, revision 1.1

1.1     ! albertel    1: /*
        !             2:  *  extensions/bbox.js
        !             3:  *  
        !             4:  *  Part of the jsMath package for mathematics on the web.
        !             5:  *
        !             6:  *  This file implements the \bbox macro, which creates an HTML box that
        !             7:  *  can be styled (for background colors, and so on).  You can include
        !             8:  *  an optional dimension that tells how much extra padding to include
        !             9:  *  around the bounding box for the mathematics.  E.g.,
        !            10:  *  
        !            11:  *    \bbox[2pt]{x+y}        %  an invisible box around x+y with 2pt of extra space
        !            12:  *    \bbox[green]{x+y}      %  a green box around x+y
        !            13:  *    \bbox[green,2pt]{x+y}  %  a green box with 2pt of extra space
        !            14:  *    \bbox[yellow,2pt,border:1px solid red]{x+y}
        !            15:  *                           %  a yellow box with a red border and 2pt space
        !            16:  *  
        !            17:  *  This extension is loaded automatically when needed, or you can call
        !            18:  *  it directly via
        !            19:  *  
        !            20:  *    jsMath.Extension.Require('bbox');
        !            21:  *  
        !            22:  *  ---------------------------------------------------------------------
        !            23:  *
        !            24:  *  Copyright 2006 by Davide P. Cervone
        !            25:  * 
        !            26:  *  Licensed under the Apache License, Version 2.0 (the "License");
        !            27:  *  you may not use this file except in compliance with the License.
        !            28:  *  You may obtain a copy of the License at
        !            29:  * 
        !            30:  *      http://www.apache.org/licenses/LICENSE-2.0
        !            31:  * 
        !            32:  *  Unless required by applicable law or agreed to in writing, software
        !            33:  *  distributed under the License is distributed on an "AS IS" BASIS,
        !            34:  *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
        !            35:  *  See the License for the specific language governing permissions and
        !            36:  *  limitations under the License.
        !            37:  */
        !            38: 
        !            39: /********************************************************************/
        !            40: 
        !            41: jsMath.Add(jsMath.HTML,{
        !            42: 
        !            43:   /*
        !            44:    *  Create a colored bbounding box
        !            45:    */
        !            46:   BBox: function (w,h,d,c,s) {
        !            47:     if (w <= 0) {return ''}
        !            48:     if (d == null) {d = 0}
        !            49:     var style = (jsMath.Browser.msieInlineBlockFix ? '' : 'overflow:visible;');
        !            50:     style += 'width:'+this.Em(w)+'; height:'+this.Em(h+d)+';';
        !            51:     if (jsMath.Browser.mozInlineBlockBug) {d = -h}
        !            52:     if (jsMath.Browser.msieInlineBlockFix) {d -= jsMath.d}
        !            53:     if (d) {style += ' vertical-align:'+this.Em(-d)+';'}
        !            54:     if (c) {style += ' background-color:'+c+';'}
        !            55:     var html = '<span class="blank" style="'+style+s+'"></span>';
        !            56:     return html;
        !            57:   }
        !            58: 
        !            59: });
        !            60: 
        !            61: jsMath.Package(jsMath.Parser,{
        !            62:   
        !            63:   macros: {bbox: 'BBox'},
        !            64:   
        !            65:   /*
        !            66:    *  Implement \bbox[...]{...}
        !            67:    */
        !            68:   BBox: function (name) {
        !            69:     var extra = this.GetBrackets(this.cmd+name); if (this.error) return;
        !            70:     var arg = this.ProcessArg(this.cmd+name); if (this.error) return;
        !            71:     var color; var pad = 0; var style = '';
        !            72:     if (extra != '') {
        !            73:       var parts = extra.split(/,/);
        !            74:       for (var i in parts) {
        !            75:         if (parts[i].match(/^\s*([-+]?(\.\d+|\d+(\.\d*)?))(pt|em|ex|mu|px)\s*$/))
        !            76:           {pad = this.ParseDimen(parts[i],'',0,1)}
        !            77:           else if (parts[i].match(/:/)) {style = parts[i]}
        !            78:           else {color = parts[i]}
        !            79:       }
        !            80:     }
        !            81:     var box = jsMath.Box.Set(arg,this.mlist.data.style,this.mlist.data.size,1).Remeasured();
        !            82:     var frame = jsMath.HTML.BBox(box.w+2*pad,box.h+pad,box.d+pad,color,style);
        !            83:     if (jsMath.Browser.msieCenterBugFix) 
        !            84:       {box.html = '<span style="position:relative">'+box.html+'</span>'}
        !            85:     box.html = frame + jsMath.HTML.Spacer(-box.w-pad) + box.html;
        !            86:     if (pad) {box.html += jsMath.HTML.Spacer(pad)}
        !            87:     box.w += 2*pad; box.h += pad; box.d += pad;
        !            88:     box.bh = Math.max(box.bh,box.h); box.bd = Math.max(box.bd,box.d);
        !            89:     this.mlist.Add(jsMath.mItem.Atom('ord',box));
        !            90:   }
        !            91:   
        !            92: });