lib/paintweb/docs/api-ref/symbols/pwlib.guiColorInput.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   4         <head>
   5                 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   6                 <meta name="generator" content="JsDoc Toolkit" />
   7
   8                 <title>JsDoc Reference - pwlib.guiColorInput</title>
   9
  10                 <style type="text/css">
  11                         /* default.css */
  12 body
  13 {
  14         font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  15         width: 800px;
  16 }
  17
  18 .header
  19 {
  20         clear: both;
  21         background-color: #ccc;
  22         padding: 8px;
  23 }
  24
  25 h1
  26 {
  27         font-size: 150%;
  28         font-weight: bold;
  29         padding: 0;
  30         margin: 1em 0 0 .3em;
  31 }
  32
  33 hr
  34 {
  35         border: none 0;
  36         border-top: 1px solid #7F8FB1;
  37         height: 1px;
  38 }
  39
  40 pre.code
  41 {
  42         display: block;
  43         padding: 8px;
  44         border: 1px dashed #ccc;
  45 }
  46
  47 #index
  48 {
  49         margin-top: 24px;
  50         float: left;
  51         width: 160px;
  52         position: absolute;
  53         left: 8px;
  54         background-color: #F3F3F3;
  55         padding: 8px;
  56 }
  57
  58 #content
  59 {
  60         margin-left: 190px;
  61         width: 600px;
  62 }
  63
  64 .classList
  65 {
  66         list-style-type: none;
  67         padding: 0;
  68         margin: 0 0 0 8px;
  69         font-family: arial, sans-serif;
  70         font-size: 1em;
  71         overflow: auto;
  72 }
  73
  74 .classList li
  75 {
  76         padding: 0;
  77         margin: 0 0 8px 0;
  78 }
  79
  80 .summaryTable { width: 100%; }
  81
  82 h1.classTitle
  83 {
  84         font-size:170%;
  85         line-height:130%;
  86 }
  87
  88 h2 { font-size: 110%; }
  89 caption, div.sectionTitle
  90 {
  91         background-color: #7F8FB1;
  92         color: #fff;
  93         font-size:130%;
  94         text-align: left;
  95         padding: 2px 6px 2px 6px;
  96         border: 1px #7F8FB1 solid;
  97 }
  98
  99 div.sectionTitle { margin-bottom: 8px; }
 100 .summaryTable thead { display: none; }
 101
 102 .summaryTable td
 103 {
 104         vertical-align: top;
 105         padding: 4px;
 106         border-bottom: 1px #7F8FB1 solid;
 107         border-right: 1px #7F8FB1 solid;
 108 }
 109
 110 /*col#summaryAttributes {}*/
 111 .summaryTable td.attributes
 112 {
 113         border-left: 1px #7F8FB1 solid;
 114         width: 140px;
 115         text-align: right;
 116 }
 117
 118 td.attributes, .fixedFont
 119 {
 120         line-height: 15px;
 121         color: #002EBE;
 122         font-family: "Courier New",Courier,monospace;
 123         font-size: 13px;
 124 }
 125
 126 .summaryTable td.nameDescription
 127 {
 128         text-align: left;
 129         font-size: 13px;
 130         line-height: 15px;
 131 }
 132
 133 .summaryTable td.nameDescription, .description
 134 {
 135         line-height: 15px;
 136         padding: 4px;
 137         padding-left: 4px;
 138 }
 139
 140 .summaryTable { margin-bottom: 8px; }
 141
 142 ul.inheritsList
 143 {
 144         list-style: square;
 145         margin-left: 20px;
 146         padding-left: 0;
 147 }
 148
 149 .detailList {
 150         margin-left: 20px;
 151         line-height: 15px;
 152 }
 153 .detailList dt { margin-left: 20px; }
 154
 155 .detailList .heading
 156 {
 157         font-weight: bold;
 158         padding-bottom: 6px;
 159         margin-left: 0;
 160 }
 161
 162 .light, td.attributes, .light a:link, .light a:visited
 163 {
 164         color: #777;
 165         font-style: italic;
 166 }
 167
 168 .fineprint
 169 {
 170         text-align: right;
 171         font-size: 10px;
 172 }
 173                 </style>
 174         </head>
 175
 176         <body>
 177 <!-- ============================== header ================================= -->
 178                 <!-- begin static/header.html -->
 179                 <div id="header">
 180 </div>
 181                 <!-- end static/header.html -->
 182
 183 <!-- ============================== classes index ============================ -->
 184                 <div id="index">
 185                         <!-- begin publish.classesIndex -->
 186                         <div align="center"><a href="../index.html">Class Index</a>
 187 | <a href="../files.html">File Index</a></div>
 188 <hr />
 189 <h2>Classes</h2>
 190 <ul class="classList">
 191
 192         <li><i><a href="../symbols/_global_.html">_global_</a></i></li>
 193
 194         <li><a href="../symbols/PaintWeb.html">PaintWeb</a></li>
 195
 196         <li><a href="../symbols/pwlib.html">pwlib</a></li>
 197
 198         <li><a href="../symbols/pwlib.appEvent.html">pwlib.appEvent</a></li>
 199
 200         <li><a href="../symbols/pwlib.appEvent.appDestroy.html">pwlib.appEvent.appDestroy</a></li>
 201
 202         <li><a href="../symbols/pwlib.appEvent.appInit.html">pwlib.appEvent.appInit</a></li>
 203
 204         <li><a href="../symbols/pwlib.appEvent.canvasSizeChange.html">pwlib.appEvent.canvasSizeChange</a></li>
 205
 206         <li><a href="../symbols/pwlib.appEvent.clipboardUpdate.html">pwlib.appEvent.clipboardUpdate</a></li>
 207
 208         <li><a href="../symbols/pwlib.appEvent.commandRegister.html">pwlib.appEvent.commandRegister</a></li>
 209
 210         <li><a href="../symbols/pwlib.appEvent.commandUnregister.html">pwlib.appEvent.commandUnregister</a></li>
 211
 212         <li><a href="../symbols/pwlib.appEvent.configChange.html">pwlib.appEvent.configChange</a></li>
 213
 214         <li><a href="../symbols/pwlib.appEvent.extensionRegister.html">pwlib.appEvent.extensionRegister</a></li>
 215
 216         <li><a href="../symbols/pwlib.appEvent.extensionUnregister.html">pwlib.appEvent.extensionUnregister</a></li>
 217
 218         <li><a href="../symbols/pwlib.appEvent.guiFloatingPanelStateChange.html">pwlib.appEvent.guiFloatingPanelStateChange</a></li>
 219
 220         <li><a href="../symbols/pwlib.appEvent.guiHide.html">pwlib.appEvent.guiHide</a></li>
 221
 222         <li><a href="../symbols/pwlib.appEvent.guiResizeEnd.html">pwlib.appEvent.guiResizeEnd</a></li>
 223
 224         <li><a href="../symbols/pwlib.appEvent.guiResizeStart.html">pwlib.appEvent.guiResizeStart</a></li>
 225
 226         <li><a href="../symbols/pwlib.appEvent.guiShow.html">pwlib.appEvent.guiShow</a></li>
 227
 228         <li><a href="../symbols/pwlib.appEvent.guiTabActivate.html">pwlib.appEvent.guiTabActivate</a></li>
 229
 230         <li><a href="../symbols/pwlib.appEvent.historyUpdate.html">pwlib.appEvent.historyUpdate</a></li>
 231
 232         <li><a href="../symbols/pwlib.appEvent.imageCrop.html">pwlib.appEvent.imageCrop</a></li>
 233
 234         <li><a href="../symbols/pwlib.appEvent.imageSave.html">pwlib.appEvent.imageSave</a></li>
 235
 236         <li><a href="../symbols/pwlib.appEvent.imageSaveResult.html">pwlib.appEvent.imageSaveResult</a></li>
 237
 238         <li><a href="../symbols/pwlib.appEvent.imageSizeChange.html">pwlib.appEvent.imageSizeChange</a></li>
 239
 240         <li><a href="../symbols/pwlib.appEvent.imageZoom.html">pwlib.appEvent.imageZoom</a></li>
 241
 242         <li><a href="../symbols/pwlib.appEvent.selectionChange.html">pwlib.appEvent.selectionChange</a></li>
 243
 244         <li><a href="../symbols/pwlib.appEvent.shadowAllow.html">pwlib.appEvent.shadowAllow</a></li>
 245
 246         <li><a href="../symbols/pwlib.appEvent.toolActivate.html">pwlib.appEvent.toolActivate</a></li>
 247
 248         <li><a href="../symbols/pwlib.appEvent.toolPreactivate.html">pwlib.appEvent.toolPreactivate</a></li>
 249
 250         <li><a href="../symbols/pwlib.appEvent.toolRegister.html">pwlib.appEvent.toolRegister</a></li>
 251
 252         <li><a href="../symbols/pwlib.appEvent.toolUnregister.html">pwlib.appEvent.toolUnregister</a></li>
 253
 254         <li><a href="../symbols/pwlib.appEvents.html">pwlib.appEvents</a></li>
 255
 256         <li><a href="../symbols/pwlib.browser.html">pwlib.browser</a></li>
 257
 258         <li><a href="../symbols/pwlib.dom.html">pwlib.dom</a></li>
 259
 260         <li><a href="../symbols/pwlib.dom.KeyboardEventListener.html">pwlib.dom.KeyboardEventListener</a></li>
 261
 262         <li><a href="../symbols/pwlib.dom.keyCodes.html">pwlib.dom.keyCodes</a></li>
 263
 264         <li><a href="../symbols/pwlib.dom.keyCodes_fixes.html">pwlib.dom.keyCodes_fixes</a></li>
 265
 266         <li><a href="../symbols/pwlib.dom.keyCodes_Safari2.html">pwlib.dom.keyCodes_Safari2</a></li>
 267
 268         <li><a href="../symbols/pwlib.dom.keyNames.html">pwlib.dom.keyNames</a></li>
 269
 270         <li><a href="../symbols/pwlib.extensions.html">pwlib.extensions</a></li>
 271
 272         <li><a href="../symbols/pwlib.extensions.colormixer.html">pwlib.extensions.colormixer</a></li>
 273
 274         <li><a href="../symbols/pwlib.extensions.moodle.html">pwlib.extensions.moodle</a></li>
 275
 276         <li><a href="../symbols/pwlib.extensions.mousekeys.html">pwlib.extensions.mousekeys</a></li>
 277
 278         <li><a href="../symbols/pwlib.fileCache.html">pwlib.fileCache</a></li>
 279
 280         <li><a href="../symbols/pwlib.gui.html">pwlib.gui</a></li>
 281
 282         <li><a href="../symbols/pwlib.guiColorInput.html">pwlib.guiColorInput</a></li>
 283
 284         <li><a href="../symbols/pwlib.guiFloatingPanel.html">pwlib.guiFloatingPanel</a></li>
 285
 286         <li><a href="../symbols/pwlib.guiResizer.html">pwlib.guiResizer</a></li>
 287
 288         <li><a href="../symbols/pwlib.guiTabPanel.html">pwlib.guiTabPanel</a></li>
 289
 290         <li><a href="../symbols/pwlib.tools.html">pwlib.tools</a></li>
 291
 292         <li><a href="../symbols/pwlib.tools.bcurve.html">pwlib.tools.bcurve</a></li>
 293
 294         <li><a href="../symbols/pwlib.tools.cpicker.html">pwlib.tools.cpicker</a></li>
 295
 296         <li><a href="../symbols/pwlib.tools.ellipse.html">pwlib.tools.ellipse</a></li>
 297
 298         <li><a href="../symbols/pwlib.tools.eraser.html">pwlib.tools.eraser</a></li>
 299
 300         <li><a href="../symbols/pwlib.tools.hand.html">pwlib.tools.hand</a></li>
 301
 302         <li><a href="../symbols/pwlib.tools.insertimg.html">pwlib.tools.insertimg</a></li>
 303
 304         <li><a href="../symbols/pwlib.tools.line.html">pwlib.tools.line</a></li>
 305
 306         <li><a href="../symbols/pwlib.tools.pencil.html">pwlib.tools.pencil</a></li>
 307
 308         <li><a href="../symbols/pwlib.tools.polygon.html">pwlib.tools.polygon</a></li>
 309
 310         <li><a href="../symbols/pwlib.tools.rectangle.html">pwlib.tools.rectangle</a></li>
 311
 312         <li><a href="../symbols/pwlib.tools.selection.html">pwlib.tools.selection</a></li>
 313
 314         <li><a href="../symbols/pwlib.tools.text.html">pwlib.tools.text</a></li>
 315
 316 </ul>
 317 <hr />
 318                         <!-- end publish.classesIndex -->
 319                 </div>
 320
 321                 <div id="content">
 322 <!-- ============================== class title ============================ -->
 323                         <h1 class="classTitle">
 324
 325                                 Class pwlib.guiColorInput
 326                         </h1>
 327
 328 <!-- ============================== class summary ========================== -->
 329                         <p class="description">
 330
 331
 332                                 The color input GUI component.
 333
 334
 335                                         <br /><i>Defined in: </i> <a href="../symbols/src/src_interfaces_default_script.js.html">script.js</a>.
 336
 337                         </p>
 338
 339 <!-- ============================== constructor summary ==================== -->
 340
 341                         <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class pwlib.guiColorInput.">
 342                                 <caption>Class Summary</caption>
 343                                 <thead>
 344                                         <tr>
 345                                                 <th scope="col">Constructor Attributes</th>
 346                                                 <th scope="col">Constructor Name and Description</th>
 347                                         </tr>
 348                                 </thead>
 349                                 <tbody>
 350                                         <tr>
 351                                                 <td class="attributes">&lt;private&gt; &nbsp;</td>
 352                                                 <td class="nameDescription" >
 353                                                         <div class="fixedFont">
 354                                                                 <b><a href="../symbols/pwlib.guiColorInput.html#constructor">pwlib.guiColorInput</a></b>(gui, input)
 355                                                         </div>
 356                                                         <div class="description"></div>
 357                                                 </td>
 358                                         </tr>
 359                                 </tbody>
 360                         </table>
 361
 362
 363 <!-- ============================== properties summary ===================== -->
 364
 365
 366
 367                                 <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class pwlib.guiColorInput.">
 368                                         <caption>Field Summary</caption>
 369                                         <thead>
 370                                                 <tr>
 371                                                         <th scope="col">Field Attributes</th>
 372                                                         <th scope="col">Field Name and Description</th>
 373                                                 </tr>
 374                                         </thead>
 375                                         <tbody>
 376
 377                                                 <tr>
 378                                                         <td class="attributes">&nbsp;</td>
 379                                                         <td class="nameDescription">
 380                                                                 <div class="fixedFont">
 381                                                                 <b><a href="../symbols/pwlib.guiColorInput.html#color">color</a></b>
 382                                                                 </div>
 383                                                                 <div class="description">Holds the current color displayed by the input.</div>
 384                                                         </td>
 385                                                 </tr>
 386
 387                                                 <tr>
 388                                                         <td class="attributes">&nbsp;</td>
 389                                                         <td class="nameDescription">
 390                                                                 <div class="fixedFont">
 391                                                                 <b><a href="../symbols/pwlib.guiColorInput.html#configGroup">configGroup</a></b>
 392                                                                 </div>
 393                                                                 <div class="description">The configuration group to which this color input is attached to.</div>
 394                                                         </td>
 395                                                 </tr>
 396
 397                                                 <tr>
 398                                                         <td class="attributes">&nbsp;</td>
 399                                                         <td class="nameDescription">
 400                                                                 <div class="fixedFont">
 401                                                                 <b><a href="../symbols/pwlib.guiColorInput.html#configGroupRef">configGroupRef</a></b>
 402                                                                 </div>
 403                                                                 <div class="description">Reference to the configuration object which holds the color input value.</div>
 404                                                         </td>
 405                                                 </tr>
 406
 407                                                 <tr>
 408                                                         <td class="attributes">&nbsp;</td>
 409                                                         <td class="nameDescription">
 410                                                                 <div class="fixedFont">
 411                                                                 <b><a href="../symbols/pwlib.guiColorInput.html#configProperty">configProperty</a></b>
 412                                                                 </div>
 413                                                                 <div class="description">The configuration property to which this color input is attached to.</div>
 414                                                         </td>
 415                                                 </tr>
 416
 417                                                 <tr>
 418                                                         <td class="attributes">&nbsp;</td>
 419                                                         <td class="nameDescription">
 420                                                                 <div class="fixedFont">
 421                                                                 <b><a href="../symbols/pwlib.guiColorInput.html#id">id</a></b>
 422                                                                 </div>
 423                                                                 <div class="description">Color input ID.</div>
 424                                                         </td>
 425                                                 </tr>
 426
 427                                                 <tr>
 428                                                         <td class="attributes">&nbsp;</td>
 429                                                         <td class="nameDescription">
 430                                                                 <div class="fixedFont">
 431                                                                 <b><a href="../symbols/pwlib.guiColorInput.html#input">input</a></b>
 432                                                                 </div>
 433                                                                 <div class="description">The color input element DOM reference.</div>
 434                                                         </td>
 435                                                 </tr>
 436
 437                                         </tbody>
 438                                 </table>
 439
 440
 441
 442
 443
 444 <!-- ============================== methods summary ======================== -->
 445
 446
 447
 448                                 <table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class pwlib.guiColorInput.">
 449                                         <caption>Method Summary</caption>
 450                                         <thead>
 451                                                 <tr>
 452                                                         <th scope="col">Method Attributes</th>
 453                                                         <th scope="col">Method Name and Description</th>
 454                                                 </tr>
 455                                         </thead>
 456                                         <tbody>
 457
 458                                                 <tr>
 459                                                         <td class="attributes">&lt;private&gt; &lt;inner&gt; &nbsp;</td>
 460                                                         <td class="nameDescription">
 461                                                                 <div class="fixedFont"><b><a href="../symbols/pwlib.guiColorInput.html#-colormixer_hide">colormixer_hide</a></b>()
 462                                                                 </div>
 463                                                                 <div class="description">The color mixer <code>hide</code> event handler.</div>
 464                                                         </td>
 465                                                 </tr>
 466
 467                                                 <tr>
 468                                                         <td class="attributes">&lt;private&gt; &lt;inner&gt; &nbsp;</td>
 469                                                         <td class="nameDescription">
 470                                                                 <div class="fixedFont"><b><a href="../symbols/pwlib.guiColorInput.html#-colormixer_show">colormixer_show</a></b>()
 471                                                                 </div>
 472                                                                 <div class="description">The color mixer <code>show</code> event handler.</div>
 473                                                         </td>
 474                                                 </tr>
 475
 476                                                 <tr>
 477                                                         <td class="attributes">&lt;private&gt; &lt;inner&gt; &nbsp;</td>
 478                                                         <td class="nameDescription">
 479                                                                 <div class="fixedFont"><b><a href="../symbols/pwlib.guiColorInput.html#-ev_input_click">ev_input_click</a></b>(ev)
 480                                                                 </div>
 481                                                                 <div class="description">The <code>click</code> event handler for the color input element.</div>
 482                                                         </td>
 483                                                 </tr>
 484
 485                                                 <tr>
 486                                                         <td class="attributes">&lt;private&gt; &lt;inner&gt; &nbsp;</td>
 487                                                         <td class="nameDescription">
 488                                                                 <div class="fixedFont"><b><a href="../symbols/pwlib.guiColorInput.html#-init">init</a></b>()
 489                                                                 </div>
 490                                                                 <div class="description">Initialize the color input functionality.</div>
 491                                                         </td>
 492                                                 </tr>
 493
 494                                                 <tr>
 495                                                         <td class="attributes">&nbsp;</td>
 496                                                         <td class="nameDescription">
 497                                                                 <div class="fixedFont"><b><a href="../symbols/pwlib.guiColorInput.html#updateColor">updateColor</a></b>(color)
 498                                                                 </div>
 499                                                                 <div class="description">Update color.</div>
 500                                                         </td>
 501                                                 </tr>
 502
 503                                         </tbody>
 504                                 </table>
 505
 506
 507
 508
 509 <!-- ============================== events summary ======================== -->
 510
 511
 512 <!-- ============================== constructor details ==================== -->
 513
 514                         <div class="details"><a name="constructor"> </a>
 515                                 <div class="sectionTitle">
 516                                         Class Detail
 517                                 </div>
 518
 519                                 <div class="fixedFont">&lt;private&gt;
 520                                                 <b>pwlib.guiColorInput</b>(gui, input)
 521                                 </div>
 522
 523                                 <div class="description">
 524
 525
 526                                 </div>
 527
 528
 529
 530
 531
 532                                                 <dl class="detailList">
 533                                                 <dt class="heading">Parameters:</dt>
 534
 535                                                         <dt>
 536                                                                 <span class="light fixedFont">{<a href="../symbols/pwlib.gui.html">pwlib.gui</a>}</span>  <b>gui</b>
 537
 538                                                         </dt>
 539                                                                 <dd>Reference to the PaintWeb GUI object.</dd>
 540
 541                                                         <dt>
 542                                                                 <span class="light fixedFont">{Element}</span>  <b>input</b>
 543
 544                                                         </dt>
 545                                                                 <dd>Reference to the DOM input element. This can be
 546 a span, a div, or any other tag.</dd>
 547
 548                                                 </dl>
 549
 550
 551
 552
 553
 554
 555
 556
 557                         </div>
 558
 559
 560 <!-- ============================== field details ========================== -->
 561
 562                                 <div class="sectionTitle">
 563                                         Field Detail
 564                                 </div>
 565
 566                                         <a name="color"> </a>
 567                                         <div class="fixedFont">
 568
 569                                         <span class="light">{Object}</span>
 570                                         <b>color</b>
 571
 572                                         </div>
 573                                         <div class="description">
 574                                                 Holds the current color displayed by the input.
 575
 576
 577                                         </div>
 578
 579
 580
 581
 582
 583
 584
 585
 586                                         <hr />
 587
 588                                         <a name="configGroup"> </a>
 589                                         <div class="fixedFont">
 590
 591                                         <span class="light">{String}</span>
 592                                         <b>configGroup</b>
 593
 594                                         </div>
 595                                         <div class="description">
 596                                                 The configuration group to which this color input is attached to.
 597
 598
 599                                         </div>
 600
 601
 602
 603
 604
 605
 606
 607
 608                                         <hr />
 609
 610                                         <a name="configGroupRef"> </a>
 611                                         <div class="fixedFont">
 612
 613                                         <span class="light">{String}</span>
 614                                         <b>configGroupRef</b>
 615
 616                                         </div>
 617                                         <div class="description">
 618                                                 Reference to the configuration object which holds the color input value.
 619
 620
 621                                         </div>
 622
 623
 624
 625
 626
 627
 628
 629
 630                                         <hr />
 631
 632                                         <a name="configProperty"> </a>
 633                                         <div class="fixedFont">
 634
 635                                         <span class="light">{String}</span>
 636                                         <b>configProperty</b>
 637
 638                                         </div>
 639                                         <div class="description">
 640                                                 The configuration property to which this color input is attached to.
 641
 642
 643                                         </div>
 644
 645
 646
 647
 648
 649
 650
 651
 652                                         <hr />
 653
 654                                         <a name="id"> </a>
 655                                         <div class="fixedFont">
 656
 657                                         <span class="light">{String.}</span>
 658                                         <b>id</b>
 659
 660                                         </div>
 661                                         <div class="description">
 662                                                 Color input ID. The ID is the same as the data-pwColorInput attribute value
 663 of the DOM input element .
 664
 665
 666                                         </div>
 667
 668
 669
 670
 671
 672
 673
 674
 675                                         <hr />
 676
 677                                         <a name="input"> </a>
 678                                         <div class="fixedFont">
 679
 680                                         <span class="light">{Element}</span>
 681                                         <b>input</b>
 682
 683                                         </div>
 684                                         <div class="description">
 685                                                 The color input element DOM reference.
 686
 687
 688                                         </div>
 689
 690
 691
 692
 693
 694
 695
 696
 697
 698
 699
 700
 701 <!-- ============================== method details ========================= -->
 702
 703                                 <div class="sectionTitle">
 704                                         Method Detail
 705                                 </div>
 706
 707                                         <a name="-colormixer_hide"> </a>
 708                                         <div class="fixedFont">&lt;private&gt; &lt;inner&gt;
 709
 710
 711                                         <b>colormixer_hide</b>()
 712
 713                                         </div>
 714                                         <div class="description">
 715                                                 The color mixer <code>hide</code> event handler. This function is invoked
 716 when the color mixer is hidden.
 717
 718
 719                                         </div>
 720
 721
 722
 723
 724
 725
 726
 727
 728
 729
 730
 731                                         <hr />
 732
 733                                         <a name="-colormixer_show"> </a>
 734                                         <div class="fixedFont">&lt;private&gt; &lt;inner&gt;
 735
 736
 737                                         <b>colormixer_show</b>()
 738
 739                                         </div>
 740                                         <div class="description">
 741                                                 The color mixer <code>show</code> event handler. This function is invoked
 742 when the color mixer is shown.
 743
 744
 745                                         </div>
 746
 747
 748
 749
 750
 751
 752
 753
 754
 755
 756
 757                                         <hr />
 758
 759                                         <a name="-ev_input_click"> </a>
 760                                         <div class="fixedFont">&lt;private&gt; &lt;inner&gt;
 761
 762
 763                                         <b>ev_input_click</b>(ev)
 764
 765                                         </div>
 766                                         <div class="description">
 767                                                 The <code>click</code> event handler for the color input element. This
 768 function shows/hides the Color Mixer panel.
 769
 770
 771                                         </div>
 772
 773
 774
 775
 776                                                         <dl class="detailList">
 777                                                         <dt class="heading">Parameters:</dt>
 778
 779                                                                 <dt>
 780                                                                         <span class="light fixedFont">{Event}</span> <b>ev</b>
 781
 782                                                                 </dt>
 783                                                                 <dd>The DOM Event object.</dd>
 784
 785                                                         </dl>
 786
 787
 788
 789
 790
 791
 792
 793
 794                                         <hr />
 795
 796                                         <a name="-init"> </a>
 797                                         <div class="fixedFont">&lt;private&gt; &lt;inner&gt;
 798
 799
 800                                         <b>init</b>()
 801
 802                                         </div>
 803                                         <div class="description">
 804                                                 Initialize the color input functionality.
 805
 806
 807                                         </div>
 808
 809
 810
 811
 812
 813
 814
 815
 816
 817
 818
 819                                         <hr />
 820
 821                                         <a name="updateColor"> </a>
 822                                         <div class="fixedFont">
 823
 824
 825                                         <b>updateColor</b>(color)
 826
 827                                         </div>
 828                                         <div class="description">
 829                                                 Update color. This method allows the change of the color values associated
 830 to the current color input.
 831
 832 <p>This method is used by the color picker tool and by the global GUI
 833 <code>configChange</code> application event handler.
 834
 835
 836                                         </div>
 837
 838
 839
 840
 841                                                         <dl class="detailList">
 842                                                         <dt class="heading">Parameters:</dt>
 843
 844                                                                 <dt>
 845                                                                         <span class="light fixedFont">{Object}</span> <b>color</b>
 846
 847                                                                 </dt>
 848                                                                 <dd>The new color values. The object must have four
 849 properties: <var>red</var>, <var>green</var>, <var>blue</var> and
 850 <var>alpha</var>. All values must be between 0 and 1.</dd>
 851
 852                                                         </dl>
 853
 854
 855
 856
 857
 858
 859
 860
 861
 862
 863
 864
 865 <!-- ============================== event details ========================= -->
 866
 867
 868                         <hr />
 869                 </div>
 870
 871
 872 <!-- ============================== footer ================================= -->
 873                 <div class="fineprint" style="clear:both">
 874
 875                         Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.0 on Mon Jul 27 2009 14:56:58 GMT+0300 (EEST)
 876                 </div>
 877         </body>
 878 </html>