/** uupaa.js - JavaScript Library for Casual Creator * * @author Takao Obara * @license uupaa.js is licensed under the terms and conditions of the MIT licence. * @see Home(Google Code) * @see README */ // === Core ========================== var UU = { VERSION: [0, 6] }, // [major, release] uu = function() { return uu._impl.apply(this, arguments); }; // adapter // --- Mixin --- uu.mix = function(base, flavor, aroma) { for(var i in flavor){base[i]=flavor[i];}return aroma?uu.mix(base,aroma):base; }; uu.mix.param = function(base, flavor, aroma) { for(var i in flavor){(i in base)?0:(base[i]=flavor[i]);}return aroma?uu.mix.param(base,aroma):base; }; // ----------------------------------- (function() { // alias - 頻出するキーワードの別名を生成する、コード圧縮率を高める効果もある var uud = document, uuw = window, uuhd = uud.getElementsByTagName("head")[0], // uupi = uuw.parseInt, uupf = uuw.parseFloat, uumr = Math.round, uucs = uud.uniqueID ? function(e) { return e.currentStyle || e.style; } // for IE : uud.defaultView.getComputedStyle; // for Firefox, Opera, Safari uu.mix(UU, { // --- Selector --- ATTR: /^([\w\-\*]+)\[(@|\:)?([\w]+)(?:(\~=|\^=|\$=|\*=|\!=|=)(["'])([^"']*)\5)?\]$/, CSS_ELM: /^([\*a-z0-9\_\-]+)/i, // * or E CSS_ID: /^#([a-z0-9\_\-]+)/i, // #id CSS_CLASS: /^\.([a-z0-9\_\-]+)/i, // .class CSS_ATTR1: /^\[\s*([^\~\^\$\*\|\=\s]+)\s*([\~\^\$\*\|]?=)\s*([^\]]*)\s*\]/, // [A=V] CSS_ATTR2: /^\[\s*([^\]]*)\s*\]/, // [A] CSS_QUOTE: /^[\"\']?|[\"\']?$/g, // "..." or '...' CSS_PSEUDO: /^\:([\w-]+)(?:\((.*)\))?/, // :nth-child(an+b) CSS_ANB: /^(-?[\d]*)n((?:\+|-)?[\d]*)/, // an+b CSS_COMBO: /^\s*([\>\+\~])\s*|^\s+/, // E F E>F E+F E~F CSS_GROUP: /^\s*,\s*/, // E,F CSS_GUARD: { title: 0, id: 0, name: 0, "for": 0 }, // 大小文字を区別する属性名(これ以外は区別しない) CSS_NG_ATTR: { "class": "className", htmlFor: "for" }, CSS_OP: { "=": function(v, a) { return v === a; }, "*=": function(v, a) { return a.indexOf(v) !== -1; }, "^=": function(v, a) { return a.indexOf(v) === 0; }, "$=": function(v, a) { return a.lastIndexOf(v) + v.length === a.length; }, "~=": function(v, a) { return (" " + a + " ").indexOf(v) !== -1; }, "|=": function(v, a) { return v === a || a.substring(0, v.length + 1) === v + "-"; } }, FIRST: 0x101, // UU.FIRST: first sibling(先頭の兄弟) - 最初 PREV: 0x102, // UU.PREV: prev sibling(前の兄弟) - 前 NEXT: 0x103, // UU.NEXT: next sibling(次の兄弟) - 次 LAST: 0x104, // UU.LAST: last sibling(末尾の兄弟) - 最後 FIRST_CHILD: 0x105, // UU.FIRST_CHILD: first child(子の先頭) - サブディレクトリの最初 LAST_CHILD: 0x106, // UU.LAST_CHILD: last child(子の末尾) - サブディレクトリの最後 // --- for MessagePump --- // custom event MSG_CHANGE_READY_STATE: 0x101, // ReadyState change event, post(p1="W" or "D" or "C") MSG_ADD_CLASSNAME: 0x102, // uu.klass.add, post(p1=elm, p2=className) MSG_REMOVE_CLASSNAME: 0x103, // uu.klass.remove, post(p1=elm, p2=className) // --- for Window --- MSG_RESIZE_WINDOW: 0x201 // resize window }); // --- Detect --- // uu.ua - Detect User-Agent and Functions - ブラウザと機能の判別 uu.ua = function(info) { var n=(info||"_").toLowerCase();return(n in uu.ua)?uu.ua[n]:false; }; uu.ua._ = navigator.userAgent; // UserAgent cache uu.ua.opera = !!uuw.opera; // is Opera uu.ua.ie = !!uud.uniqueID; // is Internet Explorer uu.ua.gecko = uu.ua._.indexOf("Gecko/") >= 0; // is Gecko(Firefox, Camino) uu.ua.webkit = uu.ua._.indexOf("WebKit") >= 0; // is WebKit(Safari, Konqueror, Chrome) uu.ua.ipod = uu.ua._.indexOf("iPod") >= 0 || uu.ua._.indexOf("iPhone") >= 0; // is iPod/iPhone(Safari) uu.ua.wii = !!(uuw.opera && uuw.opera.wiiremote); // is Wii Internet channel uu.ua.air = uu.ua._.indexOf("AdobeAIR") >= 0; // is Adobe AIR uu.ua.std = uud.compatMode && uud.compatMode === "CSS1Compat"; // is Standard Mode, false is Quirks Mode uu.ua.domrange = uud.implementation && uud.implementation.hasFeature("Range", "2.0"); // is DOM Level2 Range Module uu.ua.version = uu.ua.ie ? uupf(uu.ua._.match(/MSIE ([\d]\.[\d][\w]?)/)[1]) // 5.5, 6, 7, 8(IE Major version) : uu.ua.gecko ? uupf(uu.ua._.match(/Gecko\/(\d{8})/)[1]) // 20080404(Gecko Build Number) : uu.ua.webkit ? uupf(uu.ua._.match(/WebKit\/(\d+(?:\.\d+)*)/)[1]) // 525.13(Webkit Build Number) : uu.ua.opera ? opera.version() : 0; // 10048(Opera Build Number) uu.ua.ie6 = uu.ua.ie && uu.ua.version === 6; // is Internet Explorer Version 6 uu.ua.ie8 = uu.ua.ie && uu.ua.version === 8; // is Internet Explorer Version 8 uu.ua.firefox3 = uu.ua.gecko && uu.ua._.indexOf("Firefox/3") >= 0; // is Firefox Version 3 uu.ua.opera95 = uu.ua.opera && uupi(uu.ua.version) >= 10048; // is Opera Version 9.5+ uu.ua.v8 = uu.ua.webkit && uu.ua._.indexOf("Chrome/") >= 0; // is Google Chrome(V8) uu.ua.minclock = (uu.ua.gecko || uu.ua.v8) ? 10 : 16; // minimum base clock uu.ua["display:table"] = !(uu.ua.ie && uu.ua.version < 8); // IE6, IE7はdisplay:table非対応, 他のブラウザでは使用可能 // --- Iteration --- uu.forEach = function(mix, fn, me) { if(mix.forEach){mix.forEach(fn,me);}else if(uu.isFA(mix)){Array.prototype.forEach.call(mix,fn,me);}else{for(var i in mix){mix.hasOwnProperty(i) && fn.call(me, mix[i],i,mix);}} }; uu.filter = function(mix, fn, me) { if(mix.filter){return mix.filter(fn,me);}if(uu.isFA(mix)){return Array.prototype.filter.call(mix,fn,me);}var rv=[],i,v;for(i in mix){if(mix.hasOwnProperty(i)){v=mix[i],fn.call(me,v,i,mix)&&rv.push(v);}}return rv; }; uu.mix.param(Array.prototype, { // for IE, Opera9.2x forEach: function(fn, me) { for(var i=0,sz=this.length;i -1) ? uu._css(x, cx) : Array.prototype.slice.call(cx.querySelectorAll(x)); } catch (e) { (uu.config.debug & 0x1) && uu.die("uu.css(expr=%s)", expr); } return []; }, // uu.nodeType - NodeType Selector - ノードタイプセレクタ nodeType: function(nodeType, context /* = document */, depth /* = 0 */) { var rv = []; function F(e, _rv) { (e.nodeType === nodeType) && _rv.push(e); } return uu.node._recursive(context || uud, F, rv, 0, depth || 0); }, // uu.textNode - Text node Selector - TextNodeセレクタ textNode: function(context /* = document */, depth /* = 0 */) { uu.nodeType(3, context, depth); }, _cacheID: { /* id: element, ... */ }, _attr: function(ctx, E, P, A, OP, V) { // E=elm, P=":" is true, A=attr, OP=operator, V=value var rv = [], tag = uu.tag(E, ctx), i = 0, sz = tag.length, e, vsz, w; (A === "class") && (A = "className"); (OP === "~=") && (V = " " + V + " "); for (; i < sz; ++i) { e = tag[i]; switch (P ? A : OP) { case "@": (A in e || H(e)) && rv.push(e); break; case "=": ((A in e && e[A] === V) || G(e) === V) && rv.push(e); break; case "!=": ((A in e && e[A] !== V) || G(e) !== V) && rv.push(e); break; case "*=": ((A in e && e[A].indexOf(V) !== -1) || G(e).indexOf(V) !== -1) && rv.push(e); break; case "^=": ((A in e && e[A].indexOf(V) === 0) || G(e).indexOf(V) === 0) && rv.push(e); break; case "$=": vsz = V.length; if (A in e && e[A].lastIndexOf(V) + vsz === e[A].length) { rv.push(e); break; } w = G(e); (w && w.lastIndexOf(V) + vsz === w.length) && rv.push(e); break; case "~=": ((A in e && (" " + e[A] + " ").indexOf(V) !== -1) || (" " + G(e) + " ").indexOf(V) !== -1) && rv.push(e); break; case "enabled": !e.disabled && rv.push(e); break; case "disabled": e.disabled && rv.push(e); break; case "checked": e.checked && (e.type === "checkbox" || e.type === "radio") && rv.push(e); break; case "selected": e.selected && rv.push(e); break; case "visible": (e.type !== "hidden" && !HIDE(e)) && rv.push(e); break; case "hidden": (e.type === "hidden" || HIDE(e)) && rv.push(e); break; case "animated": ("uuEffectRunning" in e) && e.uuEffectRunning && rv.push(e); break; default: uu.die(":%s unsupported", P ? A : OP); } } function HIDE(e) { var s = uu.css.get(e); return s.display === "none" || s.visibility === "hidden"; } function G(e) { return uu.ua.ie ? "" : e.getAttribute(A) || ""; } function H(e) { return uu.ua.ie ? null : e.hasAttribute(A); } return rv; }, _css: function(expr, context) { var rv = [], guardHash = {}, cx = [context || uud], cand = { length: 0 }, lastX = "", lastXX = "", x = expr, m, r, w, f, v, i, p; function CLIP(tag, cx, cand) { // cand = 検索対象ノードの集合 if (!cx.length) { return []; } var rv = [], guard = {}, uid, w, i, sz, csz = cand.length; // length > 0 でcandによる制限を行う cx.forEach(function(v) { w = v.getElementsByTagName(tag); for (i = 0, sz = w.length; i < sz; ++i) { if (w[i].nodeType !== 1) { continue; } // IEでコメントノードを無視する uid = UID(w[i]); if (uid in guard || (csz && !(uid in cand))) { continue; } // 二重登録抑止 rv.push(w[i]), guard[uid] = w[i]; } }); return rv; } function JUDGE(v) { var cs = uucs(v, ""); // http://d.hatena.ne.jp/uupaa/20080928/1222543331 return uu.ua.ie ? cs.rubyAlign === "center" : cs.outlineWidth === "0px" && cs.outlineStyle === "solid"; } function MARK(r) { return uu.css.insertRule(r + (uu.ua.ie ? "{ruby-align:center}" : "{outline: 0 solid black}")); } function UNMARK(i) { uu.css.deleteRule(i); } function MIX(r,c,g) { c.forEach(function(v) { !(v.uid in g) && (r.push(v), g[v.uid] = v); }); } function UID(e) { return ("uid" in e) ? e.uid : (e.uid = uu.uid()); } function TXT(v) { return (uu.ua.ie || (uu.ua.opera && !uu.ua.opera95)) ? v.innerText : v.textContent; } function HAS(n, v) { if (uu.ua.ie && !uu.ua.ie8) { var a = n.getAttributeNode(v); return a && a.specified; } return n.hasAttribute(v); } function NTH(anb) { var m, a, b; if (!isNaN(anb)) { b = uupi(anb); return function(i) { return i === b; } } if (anb === "even" || anb === "2n" || anb === "2n+0") { return function(i) { return (i - 0) % 2 === 0; }; } if (anb === "odd" || anb === "2n+1" || anb === "2n-1") { return function(i) { return (i - 1) % 2 === 0; }; } m = anb.match(UU.CSS_ANB); !m && uu.die("%d unsupported", anb); a = uupi(m[1] === "-" ? -1 : m[1] || 1); b = uupi(m[2] || 0); switch (a) { case 0: return function(i) { return i === b; }; // 繰り返しせずb番目の子を選択する case 1: return function(i) { return i >= b; }; // 全てのE要素のb番目以降の子供を選択する case -1: return function(i) { return i <= b; }; // 全てのE要素のb番目以前の子供を選択する } return function(i) { return (i - b) % a === 0; }; // an+b } while (x.length && x !== lastX) { lastX = x, m = null; cx = CLIP((m = x.match(UU.CSS_ELM)) ? m[1].toUpperCase() : "*", cx, cand); m && (x = x.substring(m[0].length)); cand = { length: 0 }; while (x.length && x !== lastXX) { lastXX = x, m = null; switch (x.charAt(0)) { case "#": if ( (m = x.match(UU.CSS_ID)) ) { // m[1] = id r = uud.getElementById(m[1]), r && (UID(r), cx = [r]); } break; case ".": if ( (m = x.match(UU.CSS_CLASS)) ) { w = " " + m[1] + " "; cx = cx.filter(function(v) { return (" " + v.className + " ").indexOf(w) > -1; }); // 該当要素が無くてもcxを更新する } break; case "[": if ( (m = x.match(UU.CSS_ATTR1)) ) { (m[1] in UU.CSS_NG_ATTR) && (m[1] = UU.CSS_NG_ATTR[m[1]]); f = m[1] in UU.CSS_GUARD, v = m[3].replace(UU.CSS_QUOTE, ""), !f && (v = v.toLowerCase()); (m[2] === "~=") && (v = " " + v + " "); cx = cx.filter(function(vv) { w = vv.getAttribute(m[1]); return w && UU.CSS_OP[m[2]](v, f ? w : w.toLowerCase()); }); } else if ( (m = x.match(UU.CSS_ATTR2)) ) { // m[1] = "A" (m[1] in UU.CSS_NG_ATTR) && (m[1] = UU.CSS_NG_ATTR[m[1]]); cx = cx.filter(function(v) { return HAS(v, m[1]); }); } break; case ":": if ( (m = x.match(UU.CSS_PSEUDO)) ) { switch (m[1]) { case "root": cx = [uud.getElementsByTagName("html")[0]]; break; case "enabled": cx = cx.filter(function(v) { return !v.disabled; }); break; case "disabled": cx = cx.filter(function(v) { return v.disabled; }); break; case "checked": cx = cx.filter(function(v) { return v.checked; }); break; case "contains": w = m[2].replace(UU.CSS_QUOTE, ""); cx = cx.filter(function(v) { return TXT(v).indexOf(w) > -1; }); break; case "empty": cx = cx.filter(function(v) { return !uu.node.count(v) && !TXT(v); }); break; case "target": w = location.hash.substring(1); w && (cx = cx.filter(function(v) { return v.id === w || ("name" in v && v.name === w); })); break; case "link": case "visited": f = m[1] === "link", i = MARK("a:visited"), w = uu.toArray(uud.links).filter(function(v) { return f ? !JUDGE(v) : JUDGE(v); }), UNMARK(i); cx = cx.filter(function(v) { return w.indexOf(v) > -1; }); break; case "hover": case "focus": i = MARK(":" + m[1]), w = uu.tag("*", uud.body).filter(function(v) { return JUDGE(v); }), UNMARK(i); cx = cx.filter(function(v) { return w.indexOf(v) > -1; }); break; case "lang": w = RegExp("^(" + m[2] + "$|" + m[2] + "-)", "i"); cx = cx.filter(function(v) { p = v; while (p && p !== uud && !p.getAttribute("lang")) { p = p.parentNode; } return (p && p !== uud) && w.test(p.getAttribute("lang")); }); break; case "first-child": cx = cx.filter(function(v) { return !uu.node.pos(v); }); break; case "last-child": cx = cx.filter(function(v) { return !uu.node.pos(v,1); }); break; case "only-child": cx = cx.filter(function(v) { return uu.node.count(v.parentNode) === 1; }); break; case "nth-last-child": cx.reverse(); // break through case "nth-child": w = null, f = NTH(m[2]); cx = cx.filter(function(v) { p = v.parentNode; (w !== p) && (w = p, i = 0); return f(++i); }); break; case "nth-last-of-type":cx.reverse(); // break through case "nth-of-type": w = null, f = NTH(m[2]), v = {}; cx = cx.filter(function(v) { p = v.parentNode; (w !== p) && (w = p, i = {}); (v.tagName in i) ? ++i[v.tagName] : (i[v.tagName] = 1); return f(i[v.tagName]); }); break; case "last-of-type": cx.reverse(); // break through case "first-of-type": w = null, f = function(i) { return i === 1; }, i = {}; cx = cx.filter(function(v) { p = v.parentNode; (w !== p) && (w = p, i = {}); (v.tagName in i) ? ++i[v.tagName] : (i[v.tagName] = 1); return f(i[v.tagName]); }); break; case "only-of-type": w = null, f = function(node, tag) { return uu.node.count(node, tag) === 1; }; cx = cx.filter(function(v) { p = v.parentNode; (w !== p) && (w = p); return f(p, v.tagName); }); break; default: uu.die(":%s unsupported", m[1]); } } } m && (x = x.substring(m[0].length)); } if ( (m = x.match(UU.CSS_COMBO)) ) { // コンビネーターだけでは要素を確定できないため、絞り込み候補(candidate)をリストアップする cand = { length: 0 }; switch (m[1] || " ") { case " ": CLIP("*", cx, cand).forEach(function(v) { // "E " なら Eの全子孫(*)を候補にする (v.nodeType === 1) && (cand[v.uid] = v, ++cand.length); }); break; case ">": cx.forEach(function(v) { // "E>" なら Eの全子供を候補にする for (w = v.firstChild; w; w = w.nextSibling) { (w.nodeType === 1) && (cand[UID(w)] = w, ++cand.length); } }); break; case "+": // "E+" なら Eの直後の弟を候補にする case "~": r = []; // "E~" なら Eの弟達を候補にする cx.forEach(function(v) { r.push(v.parentNode); while ( (v = v.nextSibling) ) { if (v.nodeType !== 1) { continue; } cand[UID(v)] = v, ++cand.length; if (m[1] === "+") { break; } // choice one } }); cand.length && (cx = r); // 候補がある場合のみ差し替える } x = x.substring(m[0].length); } if ( (m = x.match(UU.CSS_GROUP)) ) { MIX(rv, cx, guardHash); cx = [context || uud], cand = { length: 0 }, lastX = "", lastXX = ""; x = x.substring(m[0].length); } } x.length && uu.die("%s unsupported", x); MIX(rv, cx, guardHash); return rv; } }); // --- Selector::Override --- uu.ua.ie && uu.mix(uu, { // for IE6, IE7, IE8 tag: function(tagName, context) { var rv=[],n=(context||uud).getElementsByTagName(tagName),i=0,sz=n.length;for(;i" - ELEMENT_NODEまたはHTML文字列をノード化し挿入 insert: function(html, context /* = document.body */, pos /* = UU.LAST_CHILD */) { var nd = html, cx = context || uud.body, po = pos || UU.LAST_CHILD, pa = cx.parentNode, F; if (uu.ua.ie && uu.isS(nd)) { F = ((po === UU.FIRST || po === UU.LAST) ? pa : cx).insertAdjacentHTML; switch(po){case UU.FIRST:case UU.FIRST_CHILD:F("AfterBegin",nd);break;case UU.LAST:case UU.LAST_CHILD:F("BeforeEnd",nd);break;case UU.PREV:F("BeforeBegin",nd);break;case UU.NEXT:F("AfterEnd",nd);} return; } uu.isS(nd) && (nd = uu.node.substance(nd)); // node化 function FIRST(c, n) { c.firstChild ? c.insertBefore(n, c.firstChild) : c.appendChild(n); } function NEXT(p, c, n) { (p.lastChild === c) ? p.appendChild(n) : p.insertBefore(n, c.nextSibling); } switch (po) { case UU.FIRST: FIRST(pa, nd); break; case UU.FIRST_CHILD: FIRST(cx, nd); break; case UU.LAST: pa.appendChild(nd); break; case UU.LAST_CHILD: cx.appendChild(nd); break; case UU.PREV: pa.insertBefore(nd, cx); break; case UU.NEXT: NEXT(pa, cx, nd); } }, // uu.node.insertText - Insert TEXT_NODE or "TextString" - TEXT_NODE またはテキスト文字列をノード化し挿入 insertText: function(text, context /* = document.body */, pos /* = UU.LAST_CHILD */) { uu.node.insert(uu.isS(text) ? uud.createTextNode(text) : text, context || uud.body, pos || UU.LAST_CHILD); }, // uu.node.replace - Replace oldNode with node - nodeとoldNodeを入れ替える replace: function(node, oldNode, context /* = oldNode.parentNode */) { return (context || oldNode.parentNode).replaceChild(node, oldNode); // return oldNode }, // uu.node.remove - Remove node - nodeを取り除く remove: function(node, context /* = node.parentNode */) { var ctx = context || node.parentNode; if ("nodeType" in ctx) { if (ctx.nodeType === 1 || ctx.nodeType === 9) { return (context || node.parentNode).removeChild(node); // return node } } return null; }, // uu.node.diet - Removes CRLF/WhiteSpace/Comment node - 空白と改行だけのテキストノードとコメントノードを再帰的に除去する diet: function(elm, depth /* = 0 */) { function F(e, _rv) { switch (e.nodeType) { case 3: if (/\S/.test(e.nodeValue)) { break; } // blank text node? case 8: _rv.push(e); // comment node } } var rv = [], i, sz; uu.node._recursive(elm, F, rv, 0, depth || 0); for (i = 0, sz = rv.length; i < sz; ++i) { rv[i].parentNode.removeChild(rv[i]); } }, // uu.node.cutdown - Cut all nodes less than context and return DocumentFragment // - context以下の全ノードを切り取り、DocumentFragmentを返す cutdown: function(context /* = document.body */) { var rv, ctx = context || uud.body; if (uu.ua.domrange) { (rv = uud.createRange()).selectNodeContents(ctx); // 高速 return rv.extractContents(); } rv = uud.createDocumentFragment(); // 低速 while (ctx.firstChild) { rv.appendChild(ctx.removeChild(ctx.firstChild)); } return rv; }, // uu.node.substance - Convert HTMLString into DocumentFragment - HTMLStringをDocumentFragmentに変換する substance: function(html) { if (uu.ua.domrange) { // Safari3はcreateContextualFragmentメソッドはあるがオンザフライでノードが作れない if (uu.ua.firefox3) { return uud.createRange().createContextualFragment(html); } } // createContextualFragment が使えない環境(Safar3, Firefox2, IE等)では、 //

をプレースホルダとしてノードを生成し、中身だけを切り抜いて返す var rv, e = uud.body.appendChild(uud.createElement("div")); // placeholder e.innerHTML = html, rv = uu.node.cutdown(e), uu.node.remove(e); // remove placeholder return rv; }, // uu.node.pos - Get ELEMENT_NODE node position - ノードが何番目のELEMENT_NODEかを返す pos: function(node, reverse /* = false */) { var p = node.parentNode, n, pos = 0, r = reverse || false; if (node.nodeType !== 1 || !p || !p.firstChild) { return -1; } for (n = r ? p.lastChild : p.firstChild; n; n = r ? n.previousSibling : n.nextSibling) { if (n.nodeType !== 1) { continue; } if (node === n) { return pos; } // 0から始まる数値を返す ++pos; } return -1; }, // uu.node.count - Count the number of ELEMENET_NODE - ELEMENET_NODEをカウントする count: function(node, tag /* = "*" */) { var rv = 0, n, t = (tag || "*").toUpperCase(); for (n = node.firstChild; n; n = n.nextSibling) { (n.nodeType === 1 && (t === "*" || t === n.tagName.toUpperCase())) && ++rv; } return rv; }, _recursive: function(elm, fn, rv, depth, max) { // 再帰的にELEMENT_NODEを辿る for (var e, i = 0, sz = elm.childNodes.length; i < sz; ++i) { fn(e = elm.childNodes[i], rv); (e.nodeType === 1 && depth + 1 <= max) && uu.node._recursive(e, fn, rv, depth + 1, max); } return rv; } }); // --- The OOP "Class" --- uu.mix(uu.klass, { // uu.klass.kiss - Create a simple class - シンプルなクラスの雛形を生成 kiss: function(/* args, ... */) { // このスコープでthisを参照するとthis=windowになる return function() { // このスコープでthisを参照するとthisは新しく生成されるインスタンスを示す this.construct && this.construct.apply(this, arguments); }; }, // uu.klass.generic - Create a generic class - 汎用クラスの雛形を生成 generic: function(/* args, ... */) { return function() { this.uid = uu.uid("generic"); // add "uid" property - uidを追加 this.msgbox && uu.msg.set(this); // regist "msgbox" if found - メッセージボックスを自動登録 this.handleEvent && (this._eventClosure = uu.event.closure(this)); // イベントクロージャを自動登録 this.construct && this.construct.apply(this, arguments); }; }, // uu.klass.singleton - Create a singleton class - シングルトンクラスの雛形を生成 singleton: function(/* args, ... */) { return function() { var me = this, a = arguments, fn = a.callee; if (!fn.instance) { fn.instance = me; // keep instance me.uid = uu.uid("singleton"); // add "uid" property - uidを追加 me.msgbox && uu.msg.set(me); // regist "msgbox" if found - メッセージボックスを自動登録 me.handleEvent && (me._eventClosure = uu.event.closure(me)); // イベントクロージャを自動登録 me.construct && me.construct.apply(me, a); me.destruct && uu.ready(function() { me.destruct(); }, "U"); } else { me.stabled && me.stabled.apply(me, a); // after the second } return fn.instance; // fn.instance を返すことで、thisは廃棄される。 }; } }); // --- The CSS "Class" --- uu.mix(uu.klass, { // uu.klass.has - Has className - classNameの存在確認 has: function(elm, className) { return (" " + elm.className + " ").indexOf(" " + className + " ") !== -1; }, // uu.klass.add - Add className property - classNameプロパティにクラス名を追加 add: function(elm, className) { var cn = className, uid; if ((cn.indexOf("js") === 0) && (cn in uu.klass._chain)) { uid = uu.klass._chain[cn]; cn = cn.substring(2); } elm.className += (elm.className ? " " : "") + cn; uid && uu.msg.post(uid, UU.MSG_ADD_CLASSNAME, elm, cn); }, // uu.klass.remove - Remove className property - classNameプロパティからクラス名を削除 remove: function(elm, className) { var cn = className; if ((" " + elm.className + " ").indexOf(" " + cn + " ") !== -1) { // elm.className has className elm.className = (" " + elm.className + " ").replace(" " + cn + " ", " "); // erase (cn in uu.klass._unchain) && uu.msg.post(uu.klass._unchain[cn], UU.MSG_REMOVE_CLASSNAME, elm, cn); } }, // uu.klass.toggle - Add className property or remove - classNameプロパティにクラス名を追加または削除する toggle: function(elm, className) { var cn = className; uu.klass.has(elm, cn) ? uu.klass.remove(elm, cn) : uu.klass.add(elm, cn); }, // uu.klass.match - Match regexp - 正規表現でクラス名を検索 match: function(elm, expr) { var rv, token = uu.trim(elm.className).split(" "), i = 0, sz = token.length; for (; i < sz; ++i) { if ( (rv = token[i].match(expr)) ) { return rv; } } return null; }, setWidgetChainedClassName: function(uid, className) { uu.klass._chain["js" + className] = uid; uu.klass._unchain[className] = uid; }, unsetWidgetChainedClassName: function(uid, className) { delete uu.klass._chain["js" + className]; delete uu.klass._unchain[className]; }, // uu.klass.evalWidgetChainedClassName - Evaluate className - classNameを評価する evalWidgetChainedClassName: function(elm, className) { var cn = className, uid = (cn in uu.klass._chain) ? uu.klass._chain[cn] : 0; uid && uu.msg.post(uid, UU.MSG_ADD_CLASSNAME, elm, cn); }, _chain: { /* "jsclassName": uid, ... */ }, _unchain: { /* "className": uid, ... */ } }); // --- Attribute --- uu.mix(uu.attr, { // uu.attr.get - Get attribute - 属性を取得 get: function(elm, attr /* Taxing( "attr" or "attr,attr" or ["attr", ...] ) */) { var rv = {}, ary = uu.notax(attr); ary.forEach(function(v) { rv[v] = (v in elm) ? elm[v] : (elm.getAttribute(v) || ""); }); return (ary.length === 1) ? uu.first(rv, "") : rv; // 要素数1で文字列化 }, // uu.attr.set - Set attribute - 属性を設定 set: function(elm, hash /* Hash( { attr: value, ... } ) */) { uu.forEach(hash, function(v, i) { elm[i] = v; }); } }); // --- CSS / Style --- uu.mix(uu.css, { // uu.css.get - document.defaultView.getComputedStyle wrapper - 計算済みのスタイルを取得 get: function(elm, cssProp /* = undefined */) { // cssProp = "prop", ["prop, "prop"], "prop,prop" if (!cssProp) { return uucs(elm, ""); } // currentStyle または CSS2Propertiesを返す var rv = {}, cs = uucs(elm, ""), i = 0, sz, v = "", p = uu.notax(cssProp); for (sz = p.length; i < sz; ++i) { v = p[i], rv[v] = (v in cs) ? cs[v] : ""; } return (sz === 1) ? cs[v] : rv; // 指定された要素数が1ならhashではなく文字列を返す }, // uu.css.rect - Get RectHash( { x: left, y: top, w: width, h: height } ) (value of px unit) rect: function(elm) { var cs = uucs(elm, ""), s = cs.position === "static", w = uupf(cs.width), h = uupf(cs.height); return s ? { x: 0, y: 0, w: w, h: h } : { x: uupf(cs.left), y: uupf(cs.top), w: w, h: h }; }, // uu.css.opacity - Get opacity value(from 0.0 to 1.0) - 不透明度を数値(0.0～1.0)で取得 opacity: function(elm) { return uupf(uucs(elm, "").opacity); }, // uu.css.backgroundImage - Get background-image URL - 背景画像のURLを取得 backgroundImage: function(elm) { var m, url = uu.ua.ie ? (elm.style.backgroundImage || elm.currentStyle.backgroundImage) : uucs(elm, "").backgroundImage; if (!url) { return "none"; } m = url.match(/^url\((.*)\)$/); return !m ? "none" : m[1].replace(/["']/g, ""); // trim quote }, // uu.css.set - Set style - スタイルを設定 set: function(elm, hash) { // hash = { cssProp: value, ... } if (!elm) { (uu.config.debug & 0x1) && uu.die("uu.css.set(elm=%s)", elm); return; } var i, opa = "opacity"; if (opa in hash) { uu.css.setOpacity(elm, hash.opacity); } for (i in hash) { (i !== opa) && (elm.style[i] = hash[i]); } }, // uu.css.setRect - Set RectHash( { x: left, y: top, w: width, h: height } ) setRect: function(elm, rect, autoVisible /* = false */) { var s = elm.style, r = rect, resize = 0, I = uupi; if ("x" in r) { s.left = I(r.x) + "px"; } if ("y" in r) { s.top = I(r.y) + "px"; } if ("w" in r) { s.width = (r.w > 0 ? I(r.w) : 0) + "px"; ++resize; } if ("h" in r) { s.height = (r.h > 0 ? I(r.h) : 0) + "px"; ++resize; } autoVisible && resize && uu.css._autoVisible(elm); }, // uu.css.setOpacity - Set opacity value(from 0.0 to 1.0) - 不透明度を設定(0.0～1.0) setOpacity: function(elm, opa) { opa = uupf(opa); opa = (opa > 1) ? 1 : (opa < 0.001) ? 0 : opa; elm.style.opacity = opa; }, // uu.css.setBackgroundImage - Set background-image URL - 背景画像のURLを設定 setBackgroundImage: function(elm, url) { elm.style.backgroundImage = (url.indexOf("url(") === -1) ? "url(" + url + ")" : url; }, // ) // uu.css.show - Show element show: function(elm, resultRect /* = false */) { var tag = elm.tagName.toLowerCase(); elm.style.visibility = "visible"; // 安易に elm.style.display = "" としてしまうと、