git.roojs.org Git - roojs1/blob - docs/src/Roo_QuickTips.js.html

   1 <html><head><title>Roo/QuickTips.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
   2  * Based on:
   3  * Ext JS Library 1.1.1
   4  * Copyright(c) 2006-2007, Ext JS, LLC.
   5  *
   6  * Originally Released Under LGPL - original licence link has changed is not relivant.
   7  *
   8  * Fork - LGPL
   9  * &lt;script type=&quot;text/javascript&quot;&gt;
  10  */
  11 /**
  12  * @class Roo.QuickTips
  13  * Provides attractive and customizable tooltips for any element.
  14  * @singleton
  15  */
  16 </span><span class="jsdoc-var">Roo.QuickTips </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  17     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipBody</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipBodyText</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipTitle</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tm</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">close</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tagEls </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">esc</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">removeCls </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bdLeft</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bdRight</span><span class="jsdoc-syntax">;
  18     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ce</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bd</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">xy</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">dd</span><span class="jsdoc-syntax">;
  19     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">visible </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">disabled </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">inited </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
  20     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">showProc </span><span class="jsdoc-syntax">= 1, </span><span class="jsdoc-var">hideProc </span><span class="jsdoc-syntax">= 1, </span><span class="jsdoc-var">dismissProc </span><span class="jsdoc-syntax">= 1, </span><span class="jsdoc-var">locks </span><span class="jsdoc-syntax">= [];
  21
  22     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">onOver </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
  23         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">disabled</span><span class="jsdoc-syntax">){
  24             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  25         }
  26         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">e.getTarget</span><span class="jsdoc-syntax">();
  27         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">t.nodeType </span><span class="jsdoc-syntax">!== 1 || </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">document </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">document.body</span><span class="jsdoc-syntax">){
  28             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  29         }
  30         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ce </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">ce.el</span><span class="jsdoc-syntax">){
  31             </span><span class="jsdoc-var">clearTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hideProc</span><span class="jsdoc-syntax">);
  32             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  33         }
  34         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">tagEls</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">t.id</span><span class="jsdoc-syntax">]){
  35             </span><span class="jsdoc-var">tagEls</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">t.id</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.el </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">;
  36             </span><span class="jsdoc-var">showProc </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">show.defer</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">tm.showDelay</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tm</span><span class="jsdoc-syntax">, [</span><span class="jsdoc-var">tagEls</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">t.id</span><span class="jsdoc-syntax">]]);
  37             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  38         }
  39         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ttp</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">et </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">);
  40         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ns </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">cfg.namespace</span><span class="jsdoc-syntax">;
  41         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">tm.interceptTitles </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">t.title</span><span class="jsdoc-syntax">){
  42             </span><span class="jsdoc-var">ttp </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t.title</span><span class="jsdoc-syntax">;
  43             </span><span class="jsdoc-var">t.qtip </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">ttp</span><span class="jsdoc-syntax">;
  44             </span><span class="jsdoc-var">t.removeAttribute</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;title&quot;</span><span class="jsdoc-syntax">);
  45             </span><span class="jsdoc-var">e.preventDefault</span><span class="jsdoc-syntax">();
  46         }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
  47             </span><span class="jsdoc-var">ttp </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t.qtip </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">et.getAttributeNS</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ns</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cfg.attribute</span><span class="jsdoc-syntax">) || </span><span class="jsdoc-var">et.getAttributeNS</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">cfg.alt_namespace</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cfg.attribute</span><span class="jsdoc-syntax">) ;
  48         }
  49         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ttp</span><span class="jsdoc-syntax">){
  50             </span><span class="jsdoc-var">showProc </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">show.defer</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">tm.showDelay</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tm</span><span class="jsdoc-syntax">, [{
  51                 </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">,
  52                 </span><span class="jsdoc-var">text</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">ttp.replace</span><span class="jsdoc-syntax">(/\\n/g,</span><span class="jsdoc-string">'&lt;br/&gt;'</span><span class="jsdoc-syntax">),
  53                 </span><span class="jsdoc-var">width</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">et.getAttributeNS</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ns</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cfg.width</span><span class="jsdoc-syntax">),
  54                 </span><span class="jsdoc-var">autoHide</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">et.getAttributeNS</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ns</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cfg.hide</span><span class="jsdoc-syntax">) != </span><span class="jsdoc-string">&quot;user&quot;</span><span class="jsdoc-syntax">,
  55                 </span><span class="jsdoc-var">title</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">et.getAttributeNS</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ns</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cfg.title</span><span class="jsdoc-syntax">),
  56                     </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">et.getAttributeNS</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ns</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cfg.cls</span><span class="jsdoc-syntax">)
  57             }]);
  58         }
  59     };
  60
  61     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">onOut </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
  62         </span><span class="jsdoc-var">clearTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">showProc</span><span class="jsdoc-syntax">);
  63         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">e.getTarget</span><span class="jsdoc-syntax">();
  64         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">ce </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">ce.el </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">&amp;&amp; (</span><span class="jsdoc-var">tm.autoHide </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">ce.autoHide </span><span class="jsdoc-syntax">!== </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">)){
  65             </span><span class="jsdoc-var">hideProc </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">setTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hide</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tm.hideDelay</span><span class="jsdoc-syntax">);
  66         }
  67     };
  68
  69     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">onMove </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
  70         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">disabled</span><span class="jsdoc-syntax">){
  71             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  72         }
  73         </span><span class="jsdoc-var">xy </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">e.getXY</span><span class="jsdoc-syntax">();
  74         </span><span class="jsdoc-var">xy</span><span class="jsdoc-syntax">[1] += 18;
  75         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">tm.trackMouse </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">ce</span><span class="jsdoc-syntax">){
  76             </span><span class="jsdoc-var">el.setXY</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">xy</span><span class="jsdoc-syntax">);
  77         }
  78     };
  79
  80     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">onDown </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
  81         </span><span class="jsdoc-var">clearTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">showProc</span><span class="jsdoc-syntax">);
  82         </span><span class="jsdoc-var">clearTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hideProc</span><span class="jsdoc-syntax">);
  83         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">e.within</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">)){
  84             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">tm.hideOnClick</span><span class="jsdoc-syntax">){
  85                 </span><span class="jsdoc-var">hide</span><span class="jsdoc-syntax">();
  86                 </span><span class="jsdoc-var">tm.disable</span><span class="jsdoc-syntax">();
  87                 </span><span class="jsdoc-var">tm.enable.defer</span><span class="jsdoc-syntax">(100, </span><span class="jsdoc-var">tm</span><span class="jsdoc-syntax">);
  88             }
  89         }
  90     };
  91
  92     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">getPad </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  93         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">2;</span><span class="jsdoc-comment">//bdLeft.getPadding('l')+bdRight.getPadding('r');
  94     </span><span class="jsdoc-syntax">};
  95
  96     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">show </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">o</span><span class="jsdoc-syntax">){
  97         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">disabled</span><span class="jsdoc-syntax">){
  98             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  99         }
 100         </span><span class="jsdoc-var">clearTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">dismissProc</span><span class="jsdoc-syntax">);
 101         </span><span class="jsdoc-var">ce </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">o</span><span class="jsdoc-syntax">;
 102         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">removeCls</span><span class="jsdoc-syntax">){ </span><span class="jsdoc-comment">// in case manually hidden
 103             </span><span class="jsdoc-var">el.removeClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">removeCls</span><span class="jsdoc-syntax">);
 104             </span><span class="jsdoc-var">removeCls </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
 105         }
 106         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ce.cls</span><span class="jsdoc-syntax">){
 107             </span><span class="jsdoc-var">el.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ce.cls</span><span class="jsdoc-syntax">);
 108             </span><span class="jsdoc-var">removeCls </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">ce.cls</span><span class="jsdoc-syntax">;
 109         }
 110         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ce.title</span><span class="jsdoc-syntax">){
 111             </span><span class="jsdoc-var">tipTitle.update</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ce.title</span><span class="jsdoc-syntax">);
 112             </span><span class="jsdoc-var">tipTitle.show</span><span class="jsdoc-syntax">();
 113         }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
 114             </span><span class="jsdoc-var">tipTitle.update</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">);
 115             </span><span class="jsdoc-var">tipTitle.hide</span><span class="jsdoc-syntax">();
 116         }
 117         </span><span class="jsdoc-var">el.dom.style.width  </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">tm.maxWidth</span><span class="jsdoc-syntax">+</span><span class="jsdoc-string">'px'</span><span class="jsdoc-syntax">;
 118         </span><span class="jsdoc-comment">//tipBody.dom.style.width = '';
 119         </span><span class="jsdoc-var">tipBodyText.update</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">o.text</span><span class="jsdoc-syntax">);
 120         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">getPad</span><span class="jsdoc-syntax">(), </span><span class="jsdoc-var">w </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">ce.width</span><span class="jsdoc-syntax">;
 121         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">w</span><span class="jsdoc-syntax">){
 122             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">td </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">tipBodyText.dom</span><span class="jsdoc-syntax">;
 123             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">aw </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">td.offsetWidth</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">td.clientWidth</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">td.scrollWidth</span><span class="jsdoc-syntax">);
 124             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">aw </span><span class="jsdoc-syntax">&gt; </span><span class="jsdoc-var">tm.maxWidth</span><span class="jsdoc-syntax">){
 125                 </span><span class="jsdoc-var">w </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">tm.maxWidth</span><span class="jsdoc-syntax">;
 126             }</span><span class="jsdoc-keyword">else if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">aw </span><span class="jsdoc-syntax">&lt; </span><span class="jsdoc-var">tm.minWidth</span><span class="jsdoc-syntax">){
 127                 </span><span class="jsdoc-var">w </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">tm.minWidth</span><span class="jsdoc-syntax">;
 128             }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
 129                 </span><span class="jsdoc-var">w </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">aw</span><span class="jsdoc-syntax">;
 130             }
 131         }
 132         </span><span class="jsdoc-comment">//tipBody.setWidth(w);
 133         </span><span class="jsdoc-var">el.setWidth</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">parseInt</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">w</span><span class="jsdoc-syntax">, 10) + </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">);
 134         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ce.autoHide </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">){
 135             </span><span class="jsdoc-var">close.setDisplayed</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">);
 136             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">dd</span><span class="jsdoc-syntax">){
 137                 </span><span class="jsdoc-var">dd.unlock</span><span class="jsdoc-syntax">();
 138             }
 139         }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
 140             </span><span class="jsdoc-var">close.setDisplayed</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">);
 141             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">dd</span><span class="jsdoc-syntax">){
 142                 </span><span class="jsdoc-var">dd.lock</span><span class="jsdoc-syntax">();
 143             }
 144         }
 145         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">xy</span><span class="jsdoc-syntax">){
 146             </span><span class="jsdoc-var">el.avoidY </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">xy</span><span class="jsdoc-syntax">[1]-18;
 147             </span><span class="jsdoc-var">el.setXY</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">xy</span><span class="jsdoc-syntax">);
 148         }
 149         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">tm.animate</span><span class="jsdoc-syntax">){
 150             </span><span class="jsdoc-var">el.setOpacity</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">.1</span><span class="jsdoc-syntax">);
 151             </span><span class="jsdoc-var">el.setStyle</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;visibility&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot;visible&quot;</span><span class="jsdoc-syntax">);
 152             </span><span class="jsdoc-var">el.fadeIn</span><span class="jsdoc-syntax">({</span><span class="jsdoc-var">callback</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">afterShow</span><span class="jsdoc-syntax">});
 153         }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
 154             </span><span class="jsdoc-var">afterShow</span><span class="jsdoc-syntax">();
 155         }
 156     };
 157
 158     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">afterShow </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 159         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ce</span><span class="jsdoc-syntax">){
 160             </span><span class="jsdoc-var">el.show</span><span class="jsdoc-syntax">();
 161             </span><span class="jsdoc-var">esc.enable</span><span class="jsdoc-syntax">();
 162             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">tm.autoDismiss </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">ce.autoHide </span><span class="jsdoc-syntax">!== </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">){
 163                 </span><span class="jsdoc-var">dismissProc </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">setTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hide</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tm.autoDismissDelay</span><span class="jsdoc-syntax">);
 164             }
 165         }
 166     };
 167
 168     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hide </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">noanim</span><span class="jsdoc-syntax">){
 169         </span><span class="jsdoc-var">clearTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">dismissProc</span><span class="jsdoc-syntax">);
 170         </span><span class="jsdoc-var">clearTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hideProc</span><span class="jsdoc-syntax">);
 171         </span><span class="jsdoc-var">ce </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
 172         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el.isVisible</span><span class="jsdoc-syntax">()){
 173             </span><span class="jsdoc-var">esc.disable</span><span class="jsdoc-syntax">();
 174             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">noanim </span><span class="jsdoc-syntax">!== </span><span class="jsdoc-keyword">true </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">tm.animate</span><span class="jsdoc-syntax">){
 175                 </span><span class="jsdoc-var">el.fadeOut</span><span class="jsdoc-syntax">({</span><span class="jsdoc-var">callback</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">afterHide</span><span class="jsdoc-syntax">});
 176             }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
 177                 </span><span class="jsdoc-var">afterHide</span><span class="jsdoc-syntax">();
 178             }
 179         }
 180     };
 181
 182     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">afterHide </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 183         </span><span class="jsdoc-var">el.hide</span><span class="jsdoc-syntax">();
 184         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">removeCls</span><span class="jsdoc-syntax">){
 185             </span><span class="jsdoc-var">el.removeClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">removeCls</span><span class="jsdoc-syntax">);
 186             </span><span class="jsdoc-var">removeCls </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
 187         }
 188     };
 189
 190     </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
 191         </span><span class="jsdoc-comment">/**
 192         * @cfg {Number} minWidth
 193         * The minimum width of the quick tip (defaults to 40)
 194         */
 195        </span><span class="jsdoc-var">minWidth </span><span class="jsdoc-syntax">: 40,
 196         </span><span class="jsdoc-comment">/**
 197         * @cfg {Number} maxWidth
 198         * The maximum width of the quick tip (defaults to 300)
 199         */
 200        </span><span class="jsdoc-var">maxWidth </span><span class="jsdoc-syntax">: 300,
 201         </span><span class="jsdoc-comment">/**
 202         * @cfg {Boolean} interceptTitles
 203         * True to automatically use the element's DOM title value if available (defaults to false)
 204         */
 205        </span><span class="jsdoc-var">interceptTitles </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
 206         </span><span class="jsdoc-comment">/**
 207         * @cfg {Boolean} trackMouse
 208         * True to have the quick tip follow the mouse as it moves over the target element (defaults to false)
 209         */
 210        </span><span class="jsdoc-var">trackMouse </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
 211         </span><span class="jsdoc-comment">/**
 212         * @cfg {Boolean} hideOnClick
 213         * True to hide the quick tip if the user clicks anywhere in the document (defaults to true)
 214         */
 215        </span><span class="jsdoc-var">hideOnClick </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
 216         </span><span class="jsdoc-comment">/**
 217         * @cfg {Number} showDelay
 218         * Delay in milliseconds before the quick tip displays after the mouse enters the target element (defaults to 500)
 219         */
 220        </span><span class="jsdoc-var">showDelay </span><span class="jsdoc-syntax">: 500,
 221         </span><span class="jsdoc-comment">/**
 222         * @cfg {Number} hideDelay
 223         * Delay in milliseconds before the quick tip hides when autoHide = true (defaults to 200)
 224         */
 225        </span><span class="jsdoc-var">hideDelay </span><span class="jsdoc-syntax">: 200,
 226         </span><span class="jsdoc-comment">/**
 227         * @cfg {Boolean} autoHide
 228         * True to automatically hide the quick tip after the mouse exits the target element (defaults to true).
 229         * Used in conjunction with hideDelay.
 230         */
 231        </span><span class="jsdoc-var">autoHide </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
 232         </span><span class="jsdoc-comment">/**
 233         * @cfg {Boolean}
 234         * True to automatically hide the quick tip after a set period of time, regardless of the user's actions
 235         * (defaults to true).  Used in conjunction with autoDismissDelay.
 236         */
 237        </span><span class="jsdoc-var">autoDismiss </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
 238         </span><span class="jsdoc-comment">/**
 239         * @cfg {Number}
 240         * Delay in milliseconds before the quick tip hides when autoDismiss = true (defaults to 5000)
 241         */
 242        </span><span class="jsdoc-var">autoDismissDelay </span><span class="jsdoc-syntax">: 5000,
 243        </span><span class="jsdoc-comment">/**
 244         * @cfg {Boolean} animate
 245         * True to turn on fade animation. Defaults to false (ClearType/scrollbar flicker issues in IE7).
 246         */
 247        </span><span class="jsdoc-var">animate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
 248
 249        </span><span class="jsdoc-comment">/**
 250         * @cfg {String} title
 251         * Title text to display (defaults to '').  This can be any valid HTML markup.
 252         */
 253         </span><span class="jsdoc-var">title</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
 254        </span><span class="jsdoc-comment">/**
 255         * @cfg {String} text
 256         * Body text to display (defaults to '').  This can be any valid HTML markup.
 257         */
 258         </span><span class="jsdoc-var">text </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
 259        </span><span class="jsdoc-comment">/**
 260         * @cfg {String} cls
 261         * A CSS class to apply to the base quick tip element (defaults to '').
 262         */
 263         </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
 264        </span><span class="jsdoc-comment">/**
 265         * @cfg {Number} width
 266         * Width in pixels of the quick tip (defaults to auto).  Width will be ignored if it exceeds the bounds of
 267         * minWidth or maxWidth.
 268         */
 269         </span><span class="jsdoc-var">width </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
 270
 271     </span><span class="jsdoc-comment">/**
 272      * Initialize and enable QuickTips for first use.  This should be called once before the first attempt to access
 273      * or display QuickTips in a page.
 274      */
 275        </span><span class="jsdoc-var">init </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 276           </span><span class="jsdoc-var">tm </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.QuickTips</span><span class="jsdoc-syntax">;
 277           </span><span class="jsdoc-var">cfg </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">tm.tagConfig</span><span class="jsdoc-syntax">;
 278           </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">inited</span><span class="jsdoc-syntax">){
 279               </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">Roo.isReady</span><span class="jsdoc-syntax">){ </span><span class="jsdoc-comment">// allow calling of init() before onReady
 280                   </span><span class="jsdoc-var">Roo.onReady</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.QuickTips.init</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.QuickTips</span><span class="jsdoc-syntax">);
 281                   </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
 282               }
 283               </span><span class="jsdoc-var">el </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.Layer</span><span class="jsdoc-syntax">({</span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">:</span><span class="jsdoc-string">&quot;x-tip&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">shadow</span><span class="jsdoc-syntax">:</span><span class="jsdoc-string">&quot;drop&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">shim</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">constrain</span><span class="jsdoc-syntax">:</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">shadowOffset</span><span class="jsdoc-syntax">:4});
 284               </span><span class="jsdoc-var">el.fxDefaults </span><span class="jsdoc-syntax">= {</span><span class="jsdoc-var">stopFx</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">};
 285               </span><span class="jsdoc-comment">// maximum custom styling
 286               //el.update('&lt;div class=&quot;x-tip-top-left&quot;&gt;&lt;div class=&quot;x-tip-top-right&quot;&gt;&lt;div class=&quot;x-tip-top&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;x-tip-bd-left&quot;&gt;&lt;div class=&quot;x-tip-bd-right&quot;&gt;&lt;div class=&quot;x-tip-bd&quot;&gt;&lt;div class=&quot;x-tip-close&quot;&gt;&lt;/div&gt;&lt;h3&gt;&lt;/h3&gt;&lt;div class=&quot;x-tip-bd-inner&quot;&gt;&lt;/div&gt;&lt;div class=&quot;x-clear&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;x-tip-ft-left&quot;&gt;&lt;div class=&quot;x-tip-ft-right&quot;&gt;&lt;div class=&quot;x-tip-ft&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;');
 287               </span><span class="jsdoc-var">el.update</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'&lt;div class=&quot;x-tip-bd&quot;&gt;&lt;div class=&quot;x-tip-close&quot;&gt;&lt;/div&gt;&lt;h3&gt;&lt;/h3&gt;&lt;div class=&quot;x-tip-bd-inner&quot;&gt;&lt;/div&gt;&lt;div class=&quot;x-clear&quot;&gt;&lt;/div&gt;&lt;/div&gt;'</span><span class="jsdoc-syntax">);
 288               </span><span class="jsdoc-var">tipTitle </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">el.child</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'h3'</span><span class="jsdoc-syntax">);
 289               </span><span class="jsdoc-var">tipTitle.enableDisplayMode</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;block&quot;</span><span class="jsdoc-syntax">);
 290               </span><span class="jsdoc-var">tipBody </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">el.child</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'div.x-tip-bd'</span><span class="jsdoc-syntax">);
 291               </span><span class="jsdoc-var">tipBodyText </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">el.child</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'div.x-tip-bd-inner'</span><span class="jsdoc-syntax">);
 292               </span><span class="jsdoc-comment">//bdLeft = el.child('div.x-tip-bd-left');
 293               //bdRight = el.child('div.x-tip-bd-right');
 294               </span><span class="jsdoc-var">close </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">el.child</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'div.x-tip-close'</span><span class="jsdoc-syntax">);
 295               </span><span class="jsdoc-var">close.enableDisplayMode</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;block&quot;</span><span class="jsdoc-syntax">);
 296               </span><span class="jsdoc-var">close.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;click&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hide</span><span class="jsdoc-syntax">);
 297               </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">d </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.get</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">document</span><span class="jsdoc-syntax">);
 298               </span><span class="jsdoc-var">d.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;mousedown&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">onDown</span><span class="jsdoc-syntax">);
 299               </span><span class="jsdoc-var">d.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;mouseover&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">onOver</span><span class="jsdoc-syntax">);
 300               </span><span class="jsdoc-var">d.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;mouseout&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">onOut</span><span class="jsdoc-syntax">);
 301               </span><span class="jsdoc-var">d.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;mousemove&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">onMove</span><span class="jsdoc-syntax">);
 302               </span><span class="jsdoc-var">esc </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">d.addKeyListener</span><span class="jsdoc-syntax">(27, </span><span class="jsdoc-var">hide</span><span class="jsdoc-syntax">);
 303               </span><span class="jsdoc-var">esc.disable</span><span class="jsdoc-syntax">();
 304               </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.dd.DD</span><span class="jsdoc-syntax">){
 305                   </span><span class="jsdoc-var">dd </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">el.initDD</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;default&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">, {
 306                       </span><span class="jsdoc-var">onDrag </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 307                           </span><span class="jsdoc-var">el.sync</span><span class="jsdoc-syntax">();
 308                       }
 309                   });
 310                   </span><span class="jsdoc-var">dd.setHandleElId</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">tipTitle.id</span><span class="jsdoc-syntax">);
 311                   </span><span class="jsdoc-var">dd.lock</span><span class="jsdoc-syntax">();
 312               }
 313               </span><span class="jsdoc-var">inited </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
 314           }
 315           </span><span class="jsdoc-var">this.enable</span><span class="jsdoc-syntax">();
 316        },
 317
 318     </span><span class="jsdoc-comment">/**
 319      * Configures a new quick tip instance and assigns it to a target element.  The following config options
 320      * are supported:
 321      * &lt;pre&gt;
 322 Property    Type                   Description
 323 ----------  ---------------------  ------------------------------------------------------------------------
 324 target      Element/String/Array   An Element, id or array of ids that this quick tip should be tied to
 325      * &lt;/ul&gt;
 326      * @param {Object} config The config object
 327      */
 328        </span><span class="jsdoc-var">register </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
 329            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cs </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config </span><span class="jsdoc-keyword">instanceof </span><span class="jsdoc-var">Array </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">config </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">arguments</span><span class="jsdoc-syntax">;
 330            </span><span class="jsdoc-keyword">for</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">i </span><span class="jsdoc-syntax">= 0, </span><span class="jsdoc-var">len </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">cs.length</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">i </span><span class="jsdoc-syntax">&lt; </span><span class="jsdoc-var">len</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">++) {
 331                </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">c </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">cs</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">];
 332                </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">target </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">c.target</span><span class="jsdoc-syntax">;
 333                </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">target</span><span class="jsdoc-syntax">){
 334                    </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">target </span><span class="jsdoc-keyword">instanceof </span><span class="jsdoc-var">Array</span><span class="jsdoc-syntax">){
 335                        </span><span class="jsdoc-keyword">for</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">j </span><span class="jsdoc-syntax">= 0, </span><span class="jsdoc-var">jlen </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">target.length</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">j </span><span class="jsdoc-syntax">&lt; </span><span class="jsdoc-var">jlen</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">j</span><span class="jsdoc-syntax">++){
 336                            </span><span class="jsdoc-var">tagEls</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">target</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">j</span><span class="jsdoc-syntax">]] = </span><span class="jsdoc-var">c</span><span class="jsdoc-syntax">;
 337                        }
 338                    }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
 339                        </span><span class="jsdoc-var">tagEls</span><span class="jsdoc-syntax">[</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">target </span><span class="jsdoc-syntax">== </span><span class="jsdoc-string">'string' </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">target </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Roo.id</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">target</span><span class="jsdoc-syntax">)] = </span><span class="jsdoc-var">c</span><span class="jsdoc-syntax">;
 340                    }
 341                }
 342            }
 343        },
 344
 345     </span><span class="jsdoc-comment">/**
 346      * Removes this quick tip from its element and destroys it.
 347      * @param {String/HTMLElement/Element} el The element from which the quick tip is to be removed.
 348      */
 349        </span><span class="jsdoc-var">unregister </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">){
 350            </span><span class="jsdoc-keyword">delete </span><span class="jsdoc-var">tagEls</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">Roo.id</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">)];
 351        },
 352
 353     </span><span class="jsdoc-comment">/**
 354      * Enable this quick tip.
 355      */
 356        </span><span class="jsdoc-var">enable </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 357            </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">inited </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">disabled</span><span class="jsdoc-syntax">){
 358                </span><span class="jsdoc-var">locks.pop</span><span class="jsdoc-syntax">();
 359                </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">locks.length </span><span class="jsdoc-syntax">&lt; 1){
 360                    </span><span class="jsdoc-var">disabled </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
 361                }
 362            }
 363        },
 364
 365     </span><span class="jsdoc-comment">/**
 366      * Disable this quick tip.
 367      */
 368        </span><span class="jsdoc-var">disable </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 369           </span><span class="jsdoc-var">disabled </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
 370           </span><span class="jsdoc-var">clearTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">showProc</span><span class="jsdoc-syntax">);
 371           </span><span class="jsdoc-var">clearTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hideProc</span><span class="jsdoc-syntax">);
 372           </span><span class="jsdoc-var">clearTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">dismissProc</span><span class="jsdoc-syntax">);
 373           </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ce</span><span class="jsdoc-syntax">){
 374               </span><span class="jsdoc-var">hide</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">);
 375           }
 376           </span><span class="jsdoc-var">locks.push</span><span class="jsdoc-syntax">(1);
 377        },
 378
 379     </span><span class="jsdoc-comment">/**
 380      * Returns true if the quick tip is enabled, else false.
 381      */
 382        </span><span class="jsdoc-var">isEnabled </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 383             </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">!</span><span class="jsdoc-var">disabled</span><span class="jsdoc-syntax">;
 384        },
 385
 386         </span><span class="jsdoc-comment">// private
 387        </span><span class="jsdoc-var">tagConfig </span><span class="jsdoc-syntax">: {
 388            </span><span class="jsdoc-var">namespace </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;roo&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-comment">// was ext?? this may break..
 389            </span><span class="jsdoc-var">alt_namespace </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;ext&quot;</span><span class="jsdoc-syntax">,
 390            </span><span class="jsdoc-var">attribute </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;qtip&quot;</span><span class="jsdoc-syntax">,
 391            </span><span class="jsdoc-var">width </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;width&quot;</span><span class="jsdoc-syntax">,
 392            </span><span class="jsdoc-var">target </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;target&quot;</span><span class="jsdoc-syntax">,
 393            </span><span class="jsdoc-var">title </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;qtitle&quot;</span><span class="jsdoc-syntax">,
 394            </span><span class="jsdoc-var">hide </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;hide&quot;</span><span class="jsdoc-syntax">,
 395            </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;qclass&quot;
 396        </span><span class="jsdoc-syntax">}
 397    };
 398 }();
 399
 400 </span><span class="jsdoc-comment">// backwards compat
 401 </span><span class="jsdoc-var">Roo.QuickTips.tips </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.QuickTips.register</span><span class="jsdoc-syntax">;</span></code></body></html>