使用 clueTip plugin 的注意事項

clueTip 是一個相當實用的 jQuery tip 外掛。在使用上有一些要注意的地方：

1. clueTip 並不是呼叫後就會顯示工具提示；跟其它的 tips library（如 Walter Zorn 的 DHTML Tooltips）在使用上的概念有差異。我們不需要將它放在 mouseover 或是滑鼠其它事件中。其會自動的 bind 到指定的 HTML 標籤上。
2. clueTip API 中的 onActivate: 的目的是要決定是否要顯示 tip；傳給 onActivate 的是 function 參考，該 function 可以依情況決定要回傳 true（表示顯示工具提示）或 false（不顯示）
3. 若是 titleAttribute bind 到的 attribute 是動態決定的，記得要在 bind 到的 attribute 值設定前，將值先設定好，才對該 HTML 標籤呼叫 clueTip();！否則可能會出現滑鼠第一次移動到該 HTML 標籤時，並未正確顯示，第二次移到標籤上，才正常顯示（第一點似乎也可能造成這個問題）

移植 Greasemonkey script 到 IE7Pro

主要 IE7Pro 的 API 參考可以參考 http://www.iescripts.org/help/

• GM_addStyle→PRO_addStyle：IE7Pro 不支援 <><![CDATA[...]]></> 的寫法
• GM_xmlhttpRequest→PRO_xmlhttpRequest
• XML parsing
• Embedded Image：目前支援 Base 64 編碼

jQuery

直接引用即可，不需透過 unsafeWindow。

getElementsByClassName

參考 http://www.robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/ /* Developed by Robert Nyman, http://www.robertnyman.com Code/licensing: http://code.google.com/p/getelementsbyclassname/ */ var getElementsByClassName = function (className, tag, elm){ if (document.getElementsByClassName) { getElementsByClassName = function (className, tag, elm) { elm = elm || document; var elements = elm.getElementsByClassName(className), nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null, returnElements = [], current; for(var i=0, il=elements.length; i<il; i+=1){ current = elements[i]; if(!nodeName || nodeName.test(current.nodeName)) { returnElements.push(current); } } return returnElements; }; } else if (document.evaluate) { getElementsByClassName = function (className, tag, elm) { tag = tag || "*"; elm = elm || document; var classes = className.split(" "), classesToCheck = "", xhtmlNamespace = "http://www.w3.org/1999/xhtml", namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null, returnElements = [], elements, node; for(var j=0, jl=classes.length; j<jl; j+=1){ classesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]"; } try { elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null); } catch (e) { elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null); } while ((node = elements.iterateNext())) { returnElements.push(node); } return returnElements; }; } else { getElementsByClassName = function (className, tag, elm) { tag = tag || "*"; elm = elm || document; var classes = className.split(" "), classesToCheck = [], elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag), current, returnElements = [], match; for(var k=0, kl=classes.length; k<kl; k+=1){ classesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)")); } for(var l=0, ll=elements.length; l<ll; l+=1){ current = elements[l]; match = false; for(var m=0, ml=classesToCheck.length; m<ml; m+=1){ match = classesToCheck[m].test(current.className); if (!match) { break; } } if (match) { returnElements.push(current); } } return returnElements; }; } return getElementsByClassName(className, tag, elm); };