git.roojs.org Git - roojs1/blob - docs/symbols/Roo.DomHelper.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2
   3
   4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   5
   6         <head>
   7                 <meta http-equiv="content-type" content="text/html; charset=undefined" />
   8                 <meta name="generator" content="JsDoc Toolkit" />
   9
  10
  11                 <title>JsDoc Reference - Roo.DomHelper</title>
  12
  13
  14         <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
  15         <link rel="stylesheet" type="text/css" href="../default.css" />
  16
  17
  18         <script type="text/javascript" src="../page.js">
  19
  20         </script>
  21
  22
  23         </head>
  24
  25         <body onload="RooDocsPage.onload();">
  26
  27
  28 <div class="body-wrap">
  29
  30     <!-- ============================== links to methods. ================================= -->
  31
  32     <div class="top-tools">
  33     <!--
  34         <a class="inner-link" href="#Roo.DomHelper-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.DomHelper-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.DomHelper-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.DomHelper-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
  38         <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
  39         -->
  40     </div>
  41
  42
  43 <!-- ============================== inheritance Block. ================================= -->
  44
  45 <!-- ============================== class title / details ============================ -->
  46
  47
  48     <h1 class="classTitle">
  49
  50                                 Class Roo.DomHelper
  51                         </h1>
  52
  53     <table cellspacing="0" class="class-summary-table">
  54
  55                 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
  56
  57         <tr><td class="label">Defined In:</td><td class="hd-info">
  58
  59                                         <a href="./src/Roo_DomHelper.js.html">Roo/DomHelper.js</a>.
  60
  61         </td></tr>
  62         <tr><td class="label">Class:</td><td class="hd-info">DomHelper</td></tr>
  63
  64
  65
  66
  67     </table>
  68
  69
  70 <!-- ============================== class summary ========================== -->
  71     <div class="description">
  72         Utility class for working with DOM and/or Templates. It transparently supports using HTML fragments or DOM.<br/>For more information see <a href="http://www.jackslocum.com/yui/2006/10/06/domhelper-create-elements-using-dom-html-fragments-or-templates/">this blog post with examples</a>.
  73     </div>
  74
  75
  76 <!-- ============================== Class comment block... ========================== -->
  77
  78 <div class="comments">
  79         <b>Class Comments / Notes</B> =>
  80         <u onclick="parent.CommentDialog.showCommentId = 'Roo.DomHelper';">[Add Your comment/notes about this class]</u>
  81         <br/>
  82         <iframe frameborder="0"  id="comments-Roo" style="border: none;width:100%;"
  83                 src="/blog.php/GtkDjsComments/Roo.DomHelper.html"></iframe>
  84 </div>
  85
  86
  87
  88 <!-- ============================== config options ========================== -->
  89
  90
  91
  92
  93     <div class="hr"></div>
  94     <a id="Roo.DomHelper-configs"></a>
  95
  96
  97
  98      <table cellspacing="0" class="member-table">
  99       <caption class="Empty">Config Options - Has None</caption>
 100      </table>
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 111
 112
 113   <!-- ============================== public properties ==================== -->
 114
 115
 116
 117     <a id="Roo.DomHelper-props"></a>
 118
 119
 120
 121
 122
 123      <table cellspacing="0" class="member-table">
 124       <caption class="Empty">Public Properties - Has None</caption>
 125      </table>
 126
 127
 128
 129
 130   <!-- ============================== methods summary / details ======================== -->
 131
 132
 133   <a id="Roo.DomHelper-methods"></a>
 134         <!-- constructor?? -->
 135
 136         <!-- static's first
 137
 138
 139         -->
 140
 141         <!-- then dynamics first -->
 142
 143
 144
 145
 146
 147
 148       <table cellspacing="0" class="member-table">
 149       <caption>Public Methods</caption>
 150         <tr>
 151             <th class="sig-header" colspan="2">Method</th>
 152             <th class="msource-header">Defined By</th>
 153
 154         </tr>
 155
 156
 157
 158
 159
 160
 161
 162           <tr class="method-row config-row-alt0 expandable notInherited">
 163             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 164
 165
 166             <td class="sig">
 167                 <a id="Roo.DomHelper-method-append"   name=".append"></a>
 168                 <div class="fixedFont">
 169                         <span class="attributes">Roo.DomHelper.</span><b class="itemname">append</b>
 170
 171                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/String <B><i>o</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnElement</i></B>)
 172
 173
 174                                          :
 175
 176
 177                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
 178
 179
 180
 181
 182
 183                 </div>
 184                 <div class="mdesc">
 185
 186                    <div class="short">Creates new Dom element(s) and appends them to el</div>
 187
 188
 189
 190                     <div class="long">
 191
 192                                 Creates new Dom element(s) and appends them to el
 193
 194
 195
 196
 197
 198
 199                                 <dl class="detailList">
 200                                 <dt class="heading">Parameters:</dt>
 201
 202                                         <dt>
 203                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
 204
 205                                         </dt>
 206                                         <dd>The context element</dd>
 207
 208                                         <dt>
 209                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/String</span>  <b>o</b>
 210
 211                                         </dt>
 212                                         <dd>The Dom object spec (and children) or raw HTML blob</dd>
 213
 214                                         <dt>
 215                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnElement</b>
 216
 217                                         </dt>
 218                                         <dd>(optional) true to return a Roo.Element</dd>
 219
 220                                 </dl>
 221
 222
 223
 224
 225
 226                                 <dl class="detailList">
 227                                 <dt class="heading">Returns:</dt>
 228
 229                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span>  The new node</dd>
 230
 231                                 </dl>
 232
 233
 234
 235
 236
 237
 238
 239                     </div>
 240                 </div>
 241
 242             </td>
 243             <td class="msource">
 244
 245                         Roo.DomHelper
 246                 &nbsp;
 247             </td>
 248         </tr>
 249
 250
 251           <tr class="method-row config-row-alt1 expandable notInherited">
 252             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 253
 254
 255             <td class="sig">
 256                 <a id="Roo.DomHelper-method-applyStyles"   name=".applyStyles"></a>
 257                 <div class="fixedFont">
 258                         <span class="attributes">Roo.DomHelper.</span><b class="itemname">applyStyles</b>
 259
 260                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement <B><i>el</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object/Function <B><i>styles</i></B>)
 261
 262
 263
 264                 </div>
 265                 <div class="mdesc">
 266
 267                    <div class="short">Applies a style specification to an element</div>
 268
 269
 270
 271                     <div class="long">
 272
 273                                 Applies a style specification to an element
 274
 275
 276
 277
 278
 279
 280                                 <dl class="detailList">
 281                                 <dt class="heading">Parameters:</dt>
 282
 283                                         <dt>
 284                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement</span>  <b>el</b>
 285
 286                                         </dt>
 287                                         <dd>The element to apply styles to</dd>
 288
 289                                         <dt>
 290                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object/Function</span>  <b>styles</b>
 291
 292                                         </dt>
 293                                         <dd>A style specification string eg "width:100px", or object in the form {width:"100px"}, or<br/>a function which returns such a specification.</dd>
 294
 295                                 </dl>
 296
 297
 298
 299
 300
 301
 302
 303
 304
 305
 306
 307                     </div>
 308                 </div>
 309
 310             </td>
 311             <td class="msource">
 312
 313                         Roo.DomHelper
 314                 &nbsp;
 315             </td>
 316         </tr>
 317
 318
 319           <tr class="method-row config-row-alt0 expandable notInherited">
 320             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 321
 322
 323             <td class="sig">
 324                 <a id="Roo.DomHelper-method-createTemplate"   name=".createTemplate"></a>
 325                 <div class="fixedFont">
 326                         <span class="attributes">Roo.DomHelper.</span><b class="itemname">createTemplate</b>
 327
 328                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>o</i></B>)
 329
 330
 331                                          :
 332
 333
 334                                                 Roo.DomHelper.Template
 335
 336
 337
 338
 339
 340                 </div>
 341                 <div class="mdesc">
 342
 343                    <div class="short">Creates a new Roo.DomHelper.Template from the Dom object spec</div>
 344
 345
 346
 347                     <div class="long">
 348
 349                                 Creates a new Roo.DomHelper.Template from the Dom object spec
 350
 351
 352
 353
 354
 355
 356                                 <dl class="detailList">
 357                                 <dt class="heading">Parameters:</dt>
 358
 359                                         <dt>
 360                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>o</b>
 361
 362                                         </dt>
 363                                         <dd>The Dom object spec (and children)</dd>
 364
 365                                 </dl>
 366
 367
 368
 369
 370
 371                                 <dl class="detailList">
 372                                 <dt class="heading">Returns:</dt>
 373
 374                                         <dd><span class="fixedFont">Roo.DomHelper.Template</span>  The new template</dd>
 375
 376                                 </dl>
 377
 378
 379
 380
 381
 382
 383
 384                     </div>
 385                 </div>
 386
 387             </td>
 388             <td class="msource">
 389
 390                         Roo.DomHelper
 391                 &nbsp;
 392             </td>
 393         </tr>
 394
 395
 396           <tr class="method-row config-row-alt1 expandable notInherited">
 397             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 398
 399
 400             <td class="sig">
 401                 <a id="Roo.DomHelper-method-insertAfter"   name=".insertAfter"></a>
 402                 <div class="fixedFont">
 403                         <span class="attributes">Roo.DomHelper.</span><b class="itemname">insertAfter</b>
 404
 405                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>o</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnElement</i></B>)
 406
 407
 408                                          :
 409
 410
 411                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
 412
 413
 414
 415
 416
 417                 </div>
 418                 <div class="mdesc">
 419
 420                    <div class="short">Creates new Dom element(s) and inserts them after el</div>
 421
 422
 423
 424                     <div class="long">
 425
 426                                 Creates new Dom element(s) and inserts them after el
 427
 428
 429
 430
 431
 432
 433                                 <dl class="detailList">
 434                                 <dt class="heading">Parameters:</dt>
 435
 436                                         <dt>
 437                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
 438
 439                                         </dt>
 440                                         <dd>The context element</dd>
 441
 442                                         <dt>
 443                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>o</b>
 444
 445                                         </dt>
 446                                         <dd>The Dom object spec (and children)</dd>
 447
 448                                         <dt>
 449                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnElement</b>
 450
 451                                         </dt>
 452                                         <dd>(optional) true to return a Roo.Element</dd>
 453
 454                                 </dl>
 455
 456
 457
 458
 459
 460                                 <dl class="detailList">
 461                                 <dt class="heading">Returns:</dt>
 462
 463                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span>  The new node</dd>
 464
 465                                 </dl>
 466
 467
 468
 469
 470
 471
 472
 473                     </div>
 474                 </div>
 475
 476             </td>
 477             <td class="msource">
 478
 479                         Roo.DomHelper
 480                 &nbsp;
 481             </td>
 482         </tr>
 483
 484
 485           <tr class="method-row config-row-alt0 expandable notInherited">
 486             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 487
 488
 489             <td class="sig">
 490                 <a id="Roo.DomHelper-method-insertBefore"   name=".insertBefore"></a>
 491                 <div class="fixedFont">
 492                         <span class="attributes">Roo.DomHelper.</span><b class="itemname">insertBefore</b>
 493
 494                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/String <B><i>o</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnElement</i></B>)
 495
 496
 497                                          :
 498
 499
 500                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
 501
 502
 503
 504
 505
 506                 </div>
 507                 <div class="mdesc">
 508
 509                    <div class="short">Creates new Dom element(s) and inserts them before el</div>
 510
 511
 512
 513                     <div class="long">
 514
 515                                 Creates new Dom element(s) and inserts them before el
 516
 517
 518
 519
 520
 521
 522                                 <dl class="detailList">
 523                                 <dt class="heading">Parameters:</dt>
 524
 525                                         <dt>
 526                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
 527
 528                                         </dt>
 529                                         <dd>The context element</dd>
 530
 531                                         <dt>
 532                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/String</span>  <b>o</b>
 533
 534                                         </dt>
 535                                         <dd>The Dom object spec (and children) or raw HTML blob</dd>
 536
 537                                         <dt>
 538                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnElement</b>
 539
 540                                         </dt>
 541                                         <dd>(optional) true to return a Roo.Element</dd>
 542
 543                                 </dl>
 544
 545
 546
 547
 548
 549                                 <dl class="detailList">
 550                                 <dt class="heading">Returns:</dt>
 551
 552                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span>  The new node</dd>
 553
 554                                 </dl>
 555
 556
 557
 558
 559
 560
 561
 562                     </div>
 563                 </div>
 564
 565             </td>
 566             <td class="msource">
 567
 568                         Roo.DomHelper
 569                 &nbsp;
 570             </td>
 571         </tr>
 572
 573
 574           <tr class="method-row config-row-alt1 expandable notInherited">
 575             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 576
 577
 578             <td class="sig">
 579                 <a id="Roo.DomHelper-method-insertFirst"   name=".insertFirst"></a>
 580                 <div class="fixedFont">
 581                         <span class="attributes">Roo.DomHelper.</span><b class="itemname">insertFirst</b>
 582
 583                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/String <B><i>o</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnElement</i></B>)
 584
 585
 586                                          :
 587
 588
 589                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
 590
 591
 592
 593
 594
 595                 </div>
 596                 <div class="mdesc">
 597
 598                    <div class="short">Creates new Dom element(s) and inserts them as the first child of el</div>
 599
 600
 601
 602                     <div class="long">
 603
 604                                 Creates new Dom element(s) and inserts them as the first child of el
 605
 606
 607
 608
 609
 610
 611                                 <dl class="detailList">
 612                                 <dt class="heading">Parameters:</dt>
 613
 614                                         <dt>
 615                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
 616
 617                                         </dt>
 618                                         <dd>The context element</dd>
 619
 620                                         <dt>
 621                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/String</span>  <b>o</b>
 622
 623                                         </dt>
 624                                         <dd>The Dom object spec (and children) or raw HTML blob</dd>
 625
 626                                         <dt>
 627                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnElement</b>
 628
 629                                         </dt>
 630                                         <dd>(optional) true to return a Roo.Element</dd>
 631
 632                                 </dl>
 633
 634
 635
 636
 637
 638                                 <dl class="detailList">
 639                                 <dt class="heading">Returns:</dt>
 640
 641                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span>  The new node</dd>
 642
 643                                 </dl>
 644
 645
 646
 647
 648
 649
 650
 651                     </div>
 652                 </div>
 653
 654             </td>
 655             <td class="msource">
 656
 657                         Roo.DomHelper
 658                 &nbsp;
 659             </td>
 660         </tr>
 661
 662
 663           <tr class="method-row config-row-alt0 expandable notInherited">
 664             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 665
 666
 667             <td class="sig">
 668                 <a id="Roo.DomHelper-method-insertHtml"   name=".insertHtml"></a>
 669                 <div class="fixedFont">
 670                         <span class="attributes">Roo.DomHelper.</span><b class="itemname">insertHtml</b>
 671
 672                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>where</i></B>, <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>el</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>html</i></B>)
 673
 674
 675                                          :
 676
 677
 678                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
 679
 680
 681
 682
 683
 684                 </div>
 685                 <div class="mdesc">
 686
 687                    <div class="short">Inserts an HTML fragment into the Dom</div>
 688
 689
 690
 691                     <div class="long">
 692
 693                                 Inserts an HTML fragment into the Dom
 694
 695
 696
 697
 698
 699
 700                                 <dl class="detailList">
 701                                 <dt class="heading">Parameters:</dt>
 702
 703                                         <dt>
 704                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>where</b>
 705
 706                                         </dt>
 707                                         <dd>Where to insert the html in relation to el - beforeBegin, afterBegin, beforeEnd, afterEnd.</dd>
 708
 709                                         <dt>
 710                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  <b>el</b>
 711
 712                                         </dt>
 713                                         <dd>The context element</dd>
 714
 715                                         <dt>
 716                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>html</b>
 717
 718                                         </dt>
 719                                         <dd>The HTML fragmenet</dd>
 720
 721                                 </dl>
 722
 723
 724
 725
 726
 727                                 <dl class="detailList">
 728                                 <dt class="heading">Returns:</dt>
 729
 730                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  The new node</dd>
 731
 732                                 </dl>
 733
 734
 735
 736
 737
 738
 739
 740                     </div>
 741                 </div>
 742
 743             </td>
 744             <td class="msource">
 745
 746                         Roo.DomHelper
 747                 &nbsp;
 748             </td>
 749         </tr>
 750
 751
 752           <tr class="method-row config-row-alt1 expandable notInherited">
 753             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 754
 755
 756             <td class="sig">
 757                 <a id="Roo.DomHelper-method-markup"   name=".markup"></a>
 758                 <div class="fixedFont">
 759                         <span class="attributes">Roo.DomHelper.</span><b class="itemname">markup</b>
 760
 761                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>o</i></B>)
 762
 763
 764                                          :
 765
 766
 767                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 768
 769
 770
 771
 772
 773                 </div>
 774                 <div class="mdesc">
 775
 776                    <div class="short">Returns the markup for the passed Element(s) config</div>
 777
 778
 779
 780                     <div class="long">
 781
 782                                 Returns the markup for the passed Element(s) config
 783
 784
 785
 786
 787
 788
 789                                 <dl class="detailList">
 790                                 <dt class="heading">Parameters:</dt>
 791
 792                                         <dt>
 793                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>o</b>
 794
 795                                         </dt>
 796                                         <dd>The Dom object spec (and children)</dd>
 797
 798                                 </dl>
 799
 800
 801
 802
 803
 804                                 <dl class="detailList">
 805                                 <dt class="heading">Returns:</dt>
 806
 807                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
 808
 809                                 </dl>
 810
 811
 812
 813
 814
 815
 816
 817                     </div>
 818                 </div>
 819
 820             </td>
 821             <td class="msource">
 822
 823                         Roo.DomHelper
 824                 &nbsp;
 825             </td>
 826         </tr>
 827
 828
 829           <tr class="method-row config-row-alt0 expandable notInherited">
 830             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 831
 832
 833             <td class="sig">
 834                 <a id="Roo.DomHelper-method-overwrite"   name=".overwrite"></a>
 835                 <div class="fixedFont">
 836                         <span class="attributes">Roo.DomHelper.</span><b class="itemname">overwrite</b>
 837
 838                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/String <B><i>o</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnElement</i></B>)
 839
 840
 841                                          :
 842
 843
 844                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
 845
 846
 847
 848
 849
 850                 </div>
 851                 <div class="mdesc">
 852
 853                    <div class="short">Creates new Dom element(s) and overwrites the contents of el with them</div>
 854
 855
 856
 857                     <div class="long">
 858
 859                                 Creates new Dom element(s) and overwrites the contents of el with them
 860
 861
 862
 863
 864
 865
 866                                 <dl class="detailList">
 867                                 <dt class="heading">Parameters:</dt>
 868
 869                                         <dt>
 870                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
 871
 872                                         </dt>
 873                                         <dd>The context element</dd>
 874
 875                                         <dt>
 876                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/String</span>  <b>o</b>
 877
 878                                         </dt>
 879                                         <dd>The Dom object spec (and children) or raw HTML blob</dd>
 880
 881                                         <dt>
 882                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnElement</b>
 883
 884                                         </dt>
 885                                         <dd>(optional) true to return a Roo.Element</dd>
 886
 887                                 </dl>
 888
 889
 890
 891
 892
 893                                 <dl class="detailList">
 894                                 <dt class="heading">Returns:</dt>
 895
 896                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span>  The new node</dd>
 897
 898                                 </dl>
 899
 900
 901
 902
 903
 904
 905
 906                     </div>
 907                 </div>
 908
 909             </td>
 910             <td class="msource">
 911
 912                         Roo.DomHelper
 913                 &nbsp;
 914             </td>
 915         </tr>
 916
 917
 918     </table>
 919
 920
 921   <!-- ============================== events summary / details ======================== -->
 922
 923
 924   <a id="Roo.DomHelper-events"></a>
 925
 926
 927
 928
 929
 930      <table cellspacing="0" class="member-table">
 931       <caption class="Empty">Events - Has None</caption>
 932      </table>
 933
 934
 935
 936
 937
 938
 939
 940
 941
 942 <!-- ============================== footer ================================= -->
 943                 <div class="fineprint" style="clear:both">
 944
 945                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Tue Jul 27 2010 11:05:06 GMT+0800 (HKT)
 946                         Based on
 947                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
 948                 </div>
 949         </body>
 950 </html>