1 |
85ad3d82
|
Assos Assos
|
|
2 |
|
|
|
3 |
|
|
|
4 |
|
|
|
5 |
|
|
|
6 |
|
|
|
7 |
|
|
|
8 |
|
|
var Builder = {
|
9 |
|
|
NODEMAP: {
|
10 |
|
|
AREA: 'map',
|
11 |
|
|
CAPTION: 'table',
|
12 |
|
|
COL: 'table',
|
13 |
|
|
COLGROUP: 'table',
|
14 |
|
|
LEGEND: 'fieldset',
|
15 |
|
|
OPTGROUP: 'select',
|
16 |
|
|
OPTION: 'select',
|
17 |
|
|
PARAM: 'object',
|
18 |
|
|
TBODY: 'table',
|
19 |
|
|
TD: 'table',
|
20 |
|
|
TFOOT: 'table',
|
21 |
|
|
TH: 'table',
|
22 |
|
|
THEAD: 'table',
|
23 |
|
|
TR: 'table'
|
24 |
|
|
},
|
25 |
|
|
|
26 |
|
|
|
27 |
|
|
node: function(elementName) {
|
28 |
|
|
elementName = elementName.toUpperCase();
|
29 |
|
|
|
30 |
|
|
|
31 |
|
|
var parentTag = this.NODEMAP[elementName] || 'div';
|
32 |
|
|
var parentElement = document.createElement(parentTag);
|
33 |
|
|
try {
|
34 |
|
|
parentElement.innerHTML = "<" + elementName + "></" + elementName + ">";
|
35 |
|
|
} catch(e) {}
|
36 |
|
|
var element = parentElement.firstChild || null;
|
37 |
|
|
|
38 |
|
|
|
39 |
|
|
if(element && (element.tagName.toUpperCase() != elementName))
|
40 |
|
|
element = element.getElementsByTagName(elementName)[0];
|
41 |
|
|
|
42 |
|
|
|
43 |
|
|
if(!element) element = document.createElement(elementName);
|
44 |
|
|
|
45 |
|
|
|
46 |
|
|
if(!element) return;
|
47 |
|
|
|
48 |
|
|
|
49 |
|
|
if(arguments[1])
|
50 |
|
|
if(this._isStringOrNumber(arguments[1]) ||
|
51 |
|
|
(arguments[1] instanceof Array) ||
|
52 |
|
|
arguments[1].tagName) {
|
53 |
|
|
this._children(element, arguments[1]);
|
54 |
|
|
} else {
|
55 |
|
|
var attrs = this._attributes(arguments[1]);
|
56 |
|
|
if(attrs.length) {
|
57 |
|
|
try {
|
58 |
|
|
parentElement.innerHTML = "<" +elementName + " " +
|
59 |
|
|
attrs + "></" + elementName + ">";
|
60 |
|
|
} catch(e) {}
|
61 |
|
|
element = parentElement.firstChild || null;
|
62 |
|
|
|
63 |
|
|
if(!element) {
|
64 |
|
|
element = document.createElement(elementName);
|
65 |
|
|
for(attr in arguments[1])
|
66 |
|
|
element[attr == 'class' ? 'className' : attr] = arguments[1][attr];
|
67 |
|
|
}
|
68 |
|
|
if(element.tagName.toUpperCase() != elementName)
|
69 |
|
|
element = parentElement.getElementsByTagName(elementName)[0];
|
70 |
|
|
}
|
71 |
|
|
}
|
72 |
|
|
|
73 |
|
|
|
74 |
|
|
if(arguments[2])
|
75 |
|
|
this._children(element, arguments[2]);
|
76 |
|
|
|
77 |
|
|
return element;
|
78 |
|
|
},
|
79 |
|
|
_text: function(text) {
|
80 |
|
|
return document.createTextNode(text);
|
81 |
|
|
},
|
82 |
|
|
|
83 |
|
|
ATTR_MAP: {
|
84 |
|
|
'className': 'class',
|
85 |
|
|
'htmlFor': 'for'
|
86 |
|
|
},
|
87 |
|
|
|
88 |
|
|
_attributes: function(attributes) {
|
89 |
|
|
var attrs = [];
|
90 |
|
|
for(attribute in attributes)
|
91 |
|
|
attrs.push((attribute in this.ATTR_MAP ? this.ATTR_MAP[attribute] : attribute) +
|
92 |
|
|
'="' + attributes[attribute].toString().escapeHTML().gsub(/"/,'"') + '"');
|
93 |
|
|
return attrs.join(" ");
|
94 |
|
|
},
|
95 |
|
|
_children: function(element, children) {
|
96 |
|
|
if(children.tagName) {
|
97 |
|
|
element.appendChild(children);
|
98 |
|
|
return;
|
99 |
|
|
}
|
100 |
|
|
if(typeof children=='object') {
|
101 |
|
|
children.flatten().each( function(e) {
|
102 |
|
|
if(typeof e=='object')
|
103 |
|
|
element.appendChild(e)
|
104 |
|
|
else
|
105 |
|
|
if(Builder._isStringOrNumber(e))
|
106 |
|
|
element.appendChild(Builder._text(e));
|
107 |
|
|
});
|
108 |
|
|
} else
|
109 |
|
|
if(Builder._isStringOrNumber(children))
|
110 |
|
|
element.appendChild(Builder._text(children));
|
111 |
|
|
},
|
112 |
|
|
_isStringOrNumber: function(param) {
|
113 |
|
|
return(typeof param=='string' || typeof param=='number');
|
114 |
|
|
},
|
115 |
|
|
build: function(html) {
|
116 |
|
|
var element = this.node('div');
|
117 |
|
|
$(element).update(html.strip());
|
118 |
|
|
return element.down();
|
119 |
|
|
},
|
120 |
|
|
dump: function(scope) {
|
121 |
|
|
if(typeof scope != 'object' && typeof scope != 'function') scope = window;
|
122 |
|
|
|
123 |
|
|
var tags = ("A ABBR ACRONYM ADDRESS APPLET AREA B BASE BASEFONT BDO BIG BLOCKQUOTE BODY " +
|
124 |
|
|
"BR BUTTON CAPTION CENTER CITE CODE COL COLGROUP DD DEL DFN DIR DIV DL DT EM FIELDSET " +
|
125 |
|
|
"FONT FORM FRAME FRAMESET H1 H2 H3 H4 H5 H6 HEAD HR HTML I IFRAME IMG INPUT INS ISINDEX "+
|
126 |
|
|
"KBD LABEL LEGEND LI LINK MAP MENU META NOFRAMES NOSCRIPT OBJECT OL OPTGROUP OPTION P "+
|
127 |
|
|
"PARAM PRE Q S SAMP SCRIPT SELECT SMALL SPAN STRIKE STRONG STYLE SUB SUP TABLE TBODY TD "+
|
128 |
|
|
"TEXTAREA TFOOT TH THEAD TITLE TR TT U UL VAR").split(/\s+/);
|
129 |
|
|
|
130 |
|
|
tags.each( function(tag){
|
131 |
|
|
scope[tag] = function() {
|
132 |
|
|
return Builder.node.apply(Builder, [tag].concat($A(arguments)));
|
133 |
|
|
}
|
134 |
|
|
});
|
135 |
|
|
}
|
136 |
|
|
} |