stylesheets/styleguide/docbook-xsl-1.75.2/slides/browser/xbStyle-css.js

   1 /*\r
   2  * xbStyle-css.js\r
   3  * $Revision: 1.2 $ $Date: 2003/02/07 16:04:21 $\r
   4  *\r
   5  */\r
   6 \r
   7 /* ***** BEGIN LICENSE BLOCK *****\r
   8  * Version: MPL 1.1/GPL 2.0/LGPL 2.1\r
   9  *\r
  10  * The contents of this file are subject to the Mozilla Public License Version\r
  11  * 1.1 (the "License"); you may not use this file except in compliance with\r
  12  * the License. You may obtain a copy of the License at\r
  13  * http://www.mozilla.org/MPL/\r
  14  *\r
  15  * Software distributed under the License is distributed on an "AS IS" basis,\r
  16  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License\r
  17  * for the specific language governing rights and limitations under the\r
  18  * License.\r
  19  *\r
  20  * The Original Code is Netscape code.\r
  21  *\r
  22  * The Initial Developer of the Original Code is\r
  23  * Netscape Corporation.\r
  24  * Portions created by the Initial Developer are Copyright (C) 2001\r
  25  * the Initial Developer. All Rights Reserved.\r
  26  *\r
  27  * Contributor(s): Bob Clary <bclary@netscape.com>\r
  28  *\r
  29  * ***** END LICENSE BLOCK ***** */\r
  30 \r
  31 // xbStyle.getClip()\r
  32 \r
  33 function cssStyleGetClip()\r
  34 {\r
  35   var clip = this.getEffectiveValue('clip');\r
  36 \r
  37   // hack opera\r
  38   if (clip == 'rect()')\r
  39     clip = '';\r
  40 \r
  41   if (clip == '' || clip == 'auto')\r
  42   {\r
  43     clip = 'rect(0px, ' + this.getWidth() + 'px, ' + this.getHeight() + 'px, 0px)';\r
  44   }\r
  45   else\r
  46   { \r
  47     clip = clip.replace(/px /g, 'px, ');\r
  48   }\r
  49 \r
  50   return clip;\r
  51 }\r
  52 \r
  53 // xbStyle.setClip()\r
  54 \r
  55 function cssStyleSetClip(sClipString)\r
  56 {\r
  57   this.styleObj.clip = sClipString;\r
  58 }\r
  59 \r
  60 // xbStyle.getClipTop()\r
  61 \r
  62 function cssStyleGetClipTop()\r
  63 {\r
  64   var clip = this.getClip();\r
  65   var rect = new xbClipRect(clip);\r
  66   return rect.top;\r
  67 }\r
  68 \r
  69 // xbStyle.setClipTop()\r
  70 \r
  71 function cssStyleSetClipTop(top)\r
  72 {\r
  73   var clip = this.getClip();\r
  74   var rect         = new xbClipRect(clip);\r
  75   rect.top         = top;\r
  76   this.styleObj.clip = rect.toString();\r
  77 }\r
  78 \r
  79 // xbStyle.getClipRight()\r
  80 \r
  81 function cssStyleGetClipRight()\r
  82 {\r
  83   var clip = this.getClip();\r
  84   var rect = new xbClipRect(clip);\r
  85   return rect.right;\r
  86 }\r
  87 \r
  88 // xbStyle.setClipRight()\r
  89 \r
  90 function cssStyleSetClipRight(right)\r
  91 {\r
  92   var clip = this.getClip();\r
  93   var rect          = new xbClipRect(clip);\r
  94   rect.right        = right;\r
  95   this.styleObj.clip  = rect.toString();\r
  96 }\r
  97 \r
  98 // xbStyle.getClipBottom()\r
  99 \r
 100 function cssStyleGetClipBottom()\r
 101 {\r
 102   var clip = this.getClip();\r
 103   var rect = new xbClipRect(clip);\r
 104   return rect.bottom;\r
 105 }\r
 106 \r
 107 // xbStyle.setClipBottom()\r
 108 \r
 109 function cssStyleSetClipBottom(bottom)\r
 110 {\r
 111   var clip = this.getClip();\r
 112   var rect           = new xbClipRect(clip);\r
 113   rect.bottom        = bottom;\r
 114   this.styleObj.clip   = rect.toString();\r
 115 }\r
 116 \r
 117 // xbStyle.getClipLeft()\r
 118 \r
 119 function cssStyleGetClipLeft()\r
 120 {\r
 121   var clip = this.getClip();\r
 122   var rect = new xbClipRect(clip);\r
 123   return rect.left;\r
 124 }\r
 125 \r
 126 // xbStyle.setClipLeft()\r
 127 \r
 128 function cssStyleSetClipLeft(left)\r
 129 {\r
 130   var clip = this.getClip();\r
 131   var rect = new xbClipRect(clip);\r
 132   rect.left = left;\r
 133   this.styleObj.clip = rect.toString();\r
 134 }\r
 135 \r
 136 // xbStyle.getClipWidth()\r
 137 \r
 138 function cssStyleGetClipWidth()\r
 139 {\r
 140   var clip = this.getClip();\r
 141   var rect = new xbClipRect(clip);\r
 142   return rect.getWidth();\r
 143 }\r
 144 \r
 145 // xbStyle.setClipWidth()\r
 146 \r
 147 function cssStyleSetClipWidth(width)\r
 148 {\r
 149   var clip = this.getClip();\r
 150   var rect = new xbClipRect(clip);\r
 151   rect.setWidth(width);\r
 152   this.styleObj.clip = rect.toString();\r
 153 }\r
 154 \r
 155 // xbStyle.getClipHeight()\r
 156 \r
 157 function cssStyleGetClipHeight()\r
 158 {\r
 159   var clip = this.getClip();\r
 160   var rect = new xbClipRect(clip);\r
 161   return rect.getHeight();\r
 162 }\r
 163 \r
 164 // xbStyle.setClipHeight()\r
 165 \r
 166 function cssStyleSetClipHeight(height)\r
 167 {\r
 168   var clip = this.getClip();\r
 169   var rect = new xbClipRect(clip);\r
 170   rect.setHeight(height);\r
 171   this.styleObj.clip = rect.toString();\r
 172 }\r
 173 \r
 174 // the CSS attributes left,top are for absolutely positioned elements\r
 175 // measured relative to the containing element.  for relatively positioned\r
 176 // elements, left,top are measured from the element's normal inline position.\r
 177 // getLeft(), setLeft() operate on this type of coordinate.\r
 178 //\r
 179 // to allow dynamic positioning the getOffsetXXX and setOffsetXXX methods are\r
 180 // defined to return and set the position of either an absolutely or relatively\r
 181 // positioned element relative to the containing element.\r
 182 //\r
 183 //\r
 184 \r
 185 // xbStyle.getLeft()\r
 186 \r
 187 function cssStyleGetLeft()\r
 188 {\r
 189   var left = this.getEffectiveValue('left');\r
 190   if (typeof(left) == 'number')\r
 191      return left;\r
 192 \r
 193   if (left != '' && left.indexOf('px') == -1)\r
 194   {\r
 195     xbDEBUG.dump('xbStyle.getLeft: Element ID=' + this.object.id + ' does not use pixels as units. left=' + left + ' Click Ok to continue, Cancel to Abort');\r
 196     return 0;\r
 197   }\r
 198 \r
 199   if (top == 'auto' && this.object && typeof(this.object.offsetTop) == 'number')\r
 200   {\r
 201     left = this.object.offsetTop + 'px';\r
 202   }\r
 203 \r
 204   if (left == '')\r
 205     left = '0px';\r
 206       \r
 207   return xbToInt(left);\r
 208 }\r
 209 \r
 210 // xbStyle.setLeft()\r
 211 \r
 212 function cssStyleSetLeft(left)\r
 213 {\r
 214   if (typeof(this.styleObj.left) == 'number')\r
 215     this.styleObj.left = left;\r
 216   else\r
 217     this.styleObj.left = left + 'px';\r
 218 }\r
 219 \r
 220 // xbStyle.getTop()\r
 221 \r
 222 function cssStyleGetTop()\r
 223 {\r
 224   var top = this.getEffectiveValue('top');\r
 225   if (typeof(top) == 'number')\r
 226      return top;\r
 227 \r
 228   if (top != '' && top.indexOf('px') == -1)\r
 229   {\r
 230     xbDEBUG.dump('xbStyle.getTop: Element ID=' + this.object.id + ' does not use pixels as units. top=' + top + ' Click Ok to continue, Cancel to Abort');\r
 231     return 0;\r
 232   }\r
 233 \r
 234   if (top == 'auto' && this.object && typeof(this.object.offsetTop) == 'number')\r
 235   {\r
 236     top = this.object.offsetTop + 'px';\r
 237   }\r
 238 \r
 239   if (top == '')\r
 240     top = '0px';\r
 241       \r
 242   return xbToInt(top);\r
 243 }\r
 244 \r
 245 // xbStyle.setTop()\r
 246 \r
 247 function cssStyleSetTop(top)\r
 248 {\r
 249   if (typeof(this.styleObj.top) == 'number')\r
 250     this.styleObj.top = top;\r
 251   else\r
 252     this.styleObj.top = top + 'px';\r
 253 }\r
 254 \r
 255 // xbStyle.getPageX()\r
 256 \r
 257 function cssStyleGetPageX()\r
 258 {\r
 259   var x = 0;\r
 260   var elm = this.object;\r
 261   var elmstyle;\r
 262   var position;\r
 263   \r
 264   //xxxHack: Due to limitations in Gecko's (0.9.6) ability to determine the \r
 265   // effective position attribute , attempt to use offsetXXX\r
 266 \r
 267   if (typeof(elm.offsetLeft) == 'number')\r
 268   {\r
 269     while (elm)\r
 270     {\r
 271       x += elm.offsetLeft;\r
 272       elm = elm.offsetParent;\r
 273     }\r
 274   }\r
 275   else\r
 276   {\r
 277     while (elm)\r
 278     {\r
 279       if (elm.style)\r
 280       {\r
 281         elmstyle = new xbStyle(elm);\r
 282         position = elmstyle.getEffectiveValue('position');\r
 283         if (position != '' && position != 'static')\r
 284           x += elmstyle.getLeft();\r
 285       }\r
 286       elm = elm.parentNode;\r
 287     }\r
 288   }\r
 289   \r
 290   return x;\r
 291 }\r
 292 \r
 293 // xbStyle.setPageX()\r
 294 \r
 295 function cssStyleSetPageX(x)\r
 296 {\r
 297   var xParent = 0;\r
 298   var elm = this.object.parentNode;\r
 299   var elmstyle;\r
 300   var position;\r
 301   \r
 302   //xxxHack: Due to limitations in Gecko's (0.9.6) ability to determine the \r
 303   // effective position attribute , attempt to use offsetXXX\r
 304 \r
 305   if (elm && typeof(elm.offsetLeft) == 'number')\r
 306   {\r
 307     while (elm)\r
 308     {\r
 309       xParent += elm.offsetLeft;\r
 310       elm = elm.offsetParent;\r
 311     }\r
 312   }\r
 313   else\r
 314   {\r
 315     while (elm)\r
 316     {\r
 317       if (elm.style)\r
 318       {\r
 319         elmstyle = new xbStyle(elm);\r
 320         position = elmstyle.getEffectiveValue('position');\r
 321         if (position != '' && position != 'static')\r
 322           xParent += elmstyle.getLeft();\r
 323       }\r
 324       elm = elm.parentNode;\r
 325     }\r
 326   }\r
 327   \r
 328   x -= xParent;\r
 329 \r
 330   this.setLeft(x);\r
 331 }\r
 332     \r
 333 // xbStyle.getPageY()\r
 334 \r
 335 function cssStyleGetPageY()\r
 336 {\r
 337   var y = 0;\r
 338   var elm = this.object;\r
 339   var elmstyle;\r
 340   var position;\r
 341   \r
 342   //xxxHack: Due to limitations in Gecko's (0.9.6) ability to determine the \r
 343   // effective position attribute , attempt to use offsetXXX\r
 344 \r
 345   if (typeof(elm.offsetTop) == 'number')\r
 346   {\r
 347     while (elm)\r
 348     {\r
 349       y += elm.offsetTop;\r
 350       elm = elm.offsetParent;\r
 351     }\r
 352   }\r
 353   else\r
 354   {\r
 355     while (elm)\r
 356     {\r
 357       if (elm.style)\r
 358       {\r
 359         elmstyle = new xbStyle(elm);\r
 360         position = elmstyle.getEffectiveValue('position');\r
 361         if (position != '' && position != 'static')\r
 362           y += elmstyle.getTop();\r
 363       }\r
 364       elm = elm.parentNode;\r
 365     }\r
 366   }\r
 367   \r
 368   return y;\r
 369 }\r
 370 \r
 371 // xbStyle.setPageY()\r
 372 \r
 373 function cssStyleSetPageY(y)\r
 374 {\r
 375   var yParent = 0;\r
 376   var elm = this.object.parentNode;\r
 377   var elmstyle;\r
 378   var position;\r
 379   \r
 380   //xxxHack: Due to limitations in Gecko's (0.9.6) ability to determine the \r
 381   // effective position attribute , attempt to use offsetXXX\r
 382 \r
 383   if (elm && typeof(elm.offsetTop) == 'number')\r
 384   {\r
 385     while (elm)\r
 386     {\r
 387       yParent += elm.offsetTop;\r
 388       elm = elm.offsetParent;\r
 389     }\r
 390   }\r
 391   else\r
 392   {\r
 393     while (elm)\r
 394     {\r
 395       if (elm.style)\r
 396       {\r
 397         elmstyle = new xbStyle(elm);\r
 398         position = elmstyle.getEffectiveValue('position');\r
 399         if (position != '' && position != 'static')\r
 400           yParent += elmstyle.getTop();\r
 401       }\r
 402       elm = elm.parentNode;\r
 403     }\r
 404   }\r
 405   \r
 406   y -= yParent;\r
 407 \r
 408   this.setTop(y);\r
 409 }\r
 410     \r
 411 // xbStyle.getHeight()\r
 412 \r
 413 function cssStyleGetHeight()\r
 414 {\r
 415   var display = this.getEffectiveValue('display');\r
 416   var height = this.getEffectiveValue('height');\r
 417 \r
 418   if (typeof(height) == 'number')\r
 419   {\r
 420      // Opera\r
 421      return height;\r
 422   }\r
 423 \r
 424   if (height == '' || height == 'auto' || height.indexOf('%') != -1)\r
 425   {\r
 426     if (typeof(this.object.offsetHeight) == 'number')\r
 427     {\r
 428       height = this.object.offsetHeight + 'px';\r
 429     }\r
 430     else if (typeof(this.object.scrollHeight) == 'number')\r
 431     {\r
 432       height = this.object.scrollHeight + 'px';\r
 433     }\r
 434   }\r
 435 \r
 436   if (height.indexOf('px') == -1)\r
 437   {\r
 438     xbDEBUG.dump('xbStyle.getHeight: Element ID=' + this.object.id + ' does not use pixels as units. height=' + height + ' Click Ok to continue, Cancel to Abort');\r
 439     return 0;\r
 440   }\r
 441 \r
 442   height = xbToInt(height);\r
 443 \r
 444   return height;\r
 445 }\r
 446 \r
 447 // xbStyle.setHeight()\r
 448 \r
 449 function cssStyleSetHeight(height)\r
 450 {\r
 451   if (typeof(this.styleObj.height) == 'number')\r
 452     this.styleObj.height = height;\r
 453   else\r
 454     this.styleObj.height = height + 'px';\r
 455 }\r
 456 \r
 457 // xbStyle.getWidth()\r
 458 \r
 459 function cssStyleGetWidth()\r
 460 {\r
 461   var display = this.getEffectiveValue('display');\r
 462   var width = this.getEffectiveValue('width');\r
 463 \r
 464   if (typeof(width) == 'number')\r
 465   {\r
 466      // note Opera 6 has a bug in width and offsetWidth where \r
 467      // it returns the page width. Use clientWidth instead.\r
 468      if (navigator.userAgent.indexOf('Opera') != -1)\r
 469        return this.object.clientWidth;\r
 470      else\r
 471        return width;\r
 472   }\r
 473 \r
 474   if (width == '' || width == 'auto' || width.indexOf('%') != -1)\r
 475   {\r
 476     if (typeof(this.object.offsetWidth) == 'number')\r
 477     {\r
 478       width = this.object.offsetWidth + 'px';\r
 479     }\r
 480     else if (typeof(this.object.scrollHeight) == 'number')\r
 481     {\r
 482       width = this.object.scrollWidth + 'px';\r
 483     }\r
 484   }\r
 485 \r
 486   if (width.indexOf('px') == -1)\r
 487   {\r
 488     xbDEBUG.dump('xbStyle.getWidth: Element ID=' + this.object.id + ' does not use pixels as units. width=' + width + ' Click Ok to continue, Cancel to Abort');\r
 489     return 0;\r
 490   }\r
 491 \r
 492   width = xbToInt(width);\r
 493 \r
 494   return width;\r
 495 }\r
 496 \r
 497 // xbStyle.setWidth()\r
 498 \r
 499 function cssStyleSetWidth(width)\r
 500 {\r
 501   if (typeof(this.styleObj.width) == 'number')\r
 502     this.styleObj.width = width;\r
 503   else\r
 504     this.styleObj.width = width + 'px';\r
 505 }\r
 506 \r
 507 // xbStyle.getVisibility()\r
 508 \r
 509 function cssStyleGetVisibility()\r
 510 {\r
 511   return this.getEffectiveValue('visibility');\r
 512 }\r
 513 \r
 514 // xbStyle.setVisibility()\r
 515 \r
 516 function cssStyleSetVisibility(visibility)\r
 517 {\r
 518   this.styleObj.visibility = visibility;\r
 519 }\r
 520 \r
 521 // xbStyle.getzIndex()\r
 522 \r
 523 function cssStyleGetzIndex()\r
 524 {\r
 525   return xbToInt(this.getEffectiveValue('zIndex'));\r
 526 }\r
 527 \r
 528 // xbStyle.setzIndex()\r
 529 \r
 530 function cssStyleSetzIndex(zIndex)\r
 531 {\r
 532   this.styleObj.zIndex = zIndex;\r
 533 }\r
 534 \r
 535 // xbStyle.getBackgroundColor()\r
 536 \r
 537 function cssStyleGetBackgroundColor()\r
 538 {\r
 539   return this.getEffectiveValue('backgroundColor');\r
 540 }\r
 541 \r
 542 // xbStyle.setBackgroundColor()\r
 543 \r
 544 function cssStyleSetBackgroundColor(color)\r
 545 {\r
 546   this.styleObj.backgroundColor = color;\r
 547 }\r
 548 \r
 549 // xbStyle.getColor()\r
 550 \r
 551 function cssStyleGetColor()\r
 552 {\r
 553   return this.getEffectiveValue('color');\r
 554 }\r
 555 \r
 556 // xbStyle.setColor()\r
 557 \r
 558 function cssStyleSetColor(color)\r
 559 {\r
 560   this.styleObj.color = color;\r
 561 }\r
 562 \r
 563 // xbStyle.moveAbove()\r
 564 \r
 565 function xbStyleMoveAbove(cont)\r
 566 {\r
 567   this.setzIndex(cont.getzIndex()+1);\r
 568 }\r
 569 \r
 570 // xbStyle.moveBelow()\r
 571 \r
 572 function xbStyleMoveBelow(cont)\r
 573 {\r
 574   var zindex = cont.getzIndex() - 1;\r
 575             \r
 576   this.setzIndex(zindex);\r
 577 }\r
 578 \r
 579 // xbStyle.moveBy()\r
 580 \r
 581 function xbStyleMoveBy(deltaX, deltaY)\r
 582 {\r
 583   this.moveTo(this.getLeft() + deltaX, this.getTop() + deltaY);\r
 584 }\r
 585 \r
 586 // xbStyle.moveTo()\r
 587 \r
 588 function xbStyleMoveTo(x, y)\r
 589 {\r
 590   this.setLeft(x);\r
 591   this.setTop(y);\r
 592 }\r
 593 \r
 594 // xbStyle.moveToAbsolute()\r
 595 \r
 596 function xbStyleMoveToAbsolute(x, y)\r
 597 {\r
 598   this.setPageX(x);\r
 599   this.setPageY(y);\r
 600 }\r
 601 \r
 602 // xbStyle.resizeBy()\r
 603 \r
 604 function xbStyleResizeBy(deltaX, deltaY)\r
 605 {\r
 606   this.setWidth( this.getWidth() + deltaX );\r
 607   this.setHeight( this.getHeight() + deltaY );\r
 608 }\r
 609 \r
 610 // xbStyle.resizeTo()\r
 611 \r
 612 function xbStyleResizeTo(x, y)\r
 613 {\r
 614   this.setWidth(x);\r
 615   this.setHeight(y);\r
 616 }\r
 617 \r
 618 // xbStyle.setInnerHTML()\r
 619 \r
 620 function xbSetInnerHTML(str)\r
 621 {\r
 622   if (typeof(this.object.innerHTML) != 'undefined')\r
 623     this.object.innerHTML = str;\r
 624 }\r
 625 \r
 626 \r
 627 // Extensions to xbStyle that are not supported by Netscape Navigator 4\r
 628 // but that provide cross browser implementations of properties for \r
 629 // Mozilla, Gecko, Netscape 6.x and Opera\r
 630 \r
 631 // xbStyle.getBorderTopWidth()\r
 632 \r
 633 function cssStyleGetBorderTopWidth()\r
 634 {\r
 635   return xbToInt(this.getEffectiveValue('borderTopWidth'));\r
 636 }\r
 637 \r
 638 // xbStyle.getBorderRightWidth()\r
 639 \r
 640 function cssStyleGetBorderRightWidth()\r
 641 {\r
 642   return xbToInt(this.getEffectiveValue('borderRightWidth'));\r
 643 }\r
 644 \r
 645 // xbStyle.getBorderBottomWidth()\r
 646 \r
 647 function cssStyleGetBorderBottomWidth()\r
 648 {\r
 649   return xbToInt(this.getEffectiveValue('borderBottomWidth'));\r
 650 }\r
 651 \r
 652 // xbStyle.getBorderLeftWidth()\r
 653 \r
 654 function cssStyleGetBorderLeftWidth()\r
 655 {\r
 656   return xbToInt(this.getEffectiveValue('borderLeftWidth'));\r
 657 }\r
 658 \r
 659 // xbStyle.getMarginTop()\r
 660 \r
 661 function cssStyleGetMarginTop()\r
 662 {\r
 663   return xbToInt(this.getEffectiveValue('marginTop'));\r
 664 }\r
 665 \r
 666 // xbStyle.getMarginRight()\r
 667 \r
 668 function cssStyleGetMarginRight()\r
 669 {\r
 670   return xbToInt(this.getEffectiveValue('marginRight'));\r
 671 }\r
 672 \r
 673 // xbStyle.getMarginBottom()\r
 674 \r
 675 function cssStyleGetMarginBottom()\r
 676 {\r
 677   return xbToInt(this.getEffectiveValue('marginBottom'));\r
 678 }\r
 679 \r
 680 // xbStyle.getMarginLeft()\r
 681 \r
 682 function cssStyleGetMarginLeft()\r
 683 {\r
 684   return xbToInt(this.getEffectiveValue('marginLeft'));\r
 685 }\r
 686 \r
 687 // xbStyle.getPaddingTop()\r
 688 \r
 689 function cssStyleGetPaddingTop()\r
 690 {\r
 691   return xbToInt(this.getEffectiveValue('paddingTop'));\r
 692 }\r
 693 \r
 694 // xbStyle.getPaddingRight()\r
 695 \r
 696 function cssStyleGetPaddingRight()\r
 697 {\r
 698   return xbToInt(this.getEffectiveValue('paddingRight'));\r
 699 }\r
 700 \r
 701 // xbStyle.getPaddingBottom()\r
 702 \r
 703 function cssStyleGetPaddingBottom()\r
 704 {\r
 705   return xbToInt(this.getEffectiveValue('paddingBottom'));\r
 706 }\r
 707 \r
 708 // xbStyle.getPaddingLeft()\r
 709 \r
 710 function cssStyleGetPaddingLeft()\r
 711 {\r
 712   return xbToInt(this.getEffectiveValue('paddingLeft'));\r
 713 }\r
 714 \r
 715 // xbStyle.getClientWidth()\r
 716 \r
 717 function cssStyleGetClientWidth()\r
 718 {\r
 719   return this.getWidth() + this.getPaddingLeft() + this.getPaddingRight();\r
 720   /*\r
 721   if (typeof(this.object.clientWidth) == 'number')\r
 722     return this.object.clientWidth;\r
 723 \r
 724   return null;\r
 725     */\r
 726 }\r
 727 \r
 728 // xbStyle.getClientHeight()\r
 729 \r
 730 function cssStyleGetClientHeight()\r
 731 {\r
 732   return this.getHeight() + this.getPaddingTop() + this.getPaddingBottom();\r
 733   /*\r
 734   if (typeof(this.object.clientHeight) == 'number')\r
 735     return this.object.clientHeight;\r
 736 \r
 737   return null;\r
 738   */\r
 739 }\r
 740 \r
 741 xbStyle.prototype.getClip            = cssStyleGetClip;\r
 742 xbStyle.prototype.setClip            = cssStyleSetClip;  \r
 743 xbStyle.prototype.getClipTop         = cssStyleGetClipTop;\r
 744 xbStyle.prototype.setClipTop         = cssStyleSetClipTop;  \r
 745 xbStyle.prototype.getClipRight       = cssStyleGetClipRight;\r
 746 xbStyle.prototype.setClipRight       = cssStyleSetClipRight;  \r
 747 xbStyle.prototype.getClipBottom      = cssStyleGetClipBottom;\r
 748 xbStyle.prototype.setClipBottom      = cssStyleSetClipBottom;  \r
 749 xbStyle.prototype.getClipLeft        = cssStyleGetClipLeft;\r
 750 xbStyle.prototype.setClipLeft        = cssStyleSetClipLeft;  \r
 751 xbStyle.prototype.getClipWidth       = cssStyleGetClipWidth;\r
 752 xbStyle.prototype.setClipWidth       = cssStyleSetClipWidth;  \r
 753 xbStyle.prototype.getClipHeight      = cssStyleGetClipHeight;\r
 754 xbStyle.prototype.setClipHeight      = cssStyleSetClipHeight;  \r
 755 xbStyle.prototype.getLeft            = cssStyleGetLeft;\r
 756 xbStyle.prototype.setLeft            = cssStyleSetLeft;\r
 757 xbStyle.prototype.getTop             = cssStyleGetTop;\r
 758 xbStyle.prototype.setTop             = cssStyleSetTop;\r
 759 xbStyle.prototype.getPageX           = cssStyleGetPageX;\r
 760 xbStyle.prototype.setPageX           = cssStyleSetPageX;\r
 761 xbStyle.prototype.getPageY           = cssStyleGetPageY;\r
 762 xbStyle.prototype.setPageY           = cssStyleSetPageY;\r
 763 xbStyle.prototype.getVisibility      = cssStyleGetVisibility;\r
 764 xbStyle.prototype.setVisibility      = cssStyleSetVisibility;\r
 765 xbStyle.prototype.getzIndex          = cssStyleGetzIndex;\r
 766 xbStyle.prototype.setzIndex          = cssStyleSetzIndex;            \r
 767 xbStyle.prototype.getHeight          = cssStyleGetHeight;\r
 768 xbStyle.prototype.setHeight          = cssStyleSetHeight;\r
 769 xbStyle.prototype.getWidth           = cssStyleGetWidth;\r
 770 xbStyle.prototype.setWidth           = cssStyleSetWidth;\r
 771 xbStyle.prototype.getBackgroundColor = cssStyleGetBackgroundColor;\r
 772 xbStyle.prototype.setBackgroundColor = cssStyleSetBackgroundColor;\r
 773 xbStyle.prototype.getColor           = cssStyleGetColor;\r
 774 xbStyle.prototype.setColor           = cssStyleSetColor;\r
 775 xbStyle.prototype.setInnerHTML       = xbSetInnerHTML;\r
 776 xbStyle.prototype.getBorderTopWidth    = cssStyleGetBorderTopWidth;\r
 777 xbStyle.prototype.getBorderRightWidth  = cssStyleGetBorderRightWidth;\r
 778 xbStyle.prototype.getBorderBottomWidth = cssStyleGetBorderBottomWidth;\r
 779 xbStyle.prototype.getBorderLeftWidth   = cssStyleGetBorderLeftWidth;\r
 780 xbStyle.prototype.getMarginLeft        = cssStyleGetMarginLeft;\r
 781 xbStyle.prototype.getMarginTop         = cssStyleGetMarginTop;\r
 782 xbStyle.prototype.getMarginRight       = cssStyleGetMarginRight;\r
 783 xbStyle.prototype.getMarginBottom      = cssStyleGetMarginBottom;\r
 784 xbStyle.prototype.getMarginLeft        = cssStyleGetMarginLeft;\r
 785 xbStyle.prototype.getPaddingTop        = cssStyleGetPaddingTop;\r
 786 xbStyle.prototype.getPaddingRight      = cssStyleGetPaddingRight;\r
 787 xbStyle.prototype.getPaddingBottom     = cssStyleGetPaddingBottom;\r
 788 xbStyle.prototype.getPaddingLeft       = cssStyleGetPaddingLeft;\r
 789 xbStyle.prototype.getClientWidth       = cssStyleGetClientWidth;\r
 790 xbStyle.prototype.getClientHeight      = cssStyleGetClientHeight;\r
 791 \r