1
|
|
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
|
}
|