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.2

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)}
1.2     ! albertel   77:         else if (parts[i].match(/:/)) {style = parts[i]}
        !            78:         else {color = parts[i]}
1.1       albertel   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: });