|
1 /** |
|
2 * $Id: editor_plugin_src.js 42 2006-08-08 14:32:24Z spocke $ |
|
3 * |
|
4 * @author Moxiecode - based on work by Andrew Tetlaw |
|
5 * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved. |
|
6 */ |
|
7 |
|
8 tinyMCEPopup.requireLangPack(); |
|
9 |
|
10 function initCommonAttributes(elm) { |
|
11 var formObj = document.forms[0], dom = tinyMCEPopup.editor.dom; |
|
12 |
|
13 // Setup form data for common element attributes |
|
14 setFormValue('title', dom.getAttrib(elm, 'title')); |
|
15 setFormValue('id', dom.getAttrib(elm, 'id')); |
|
16 selectByValue(formObj, 'class', dom.getAttrib(elm, 'class'), true); |
|
17 setFormValue('style', dom.getAttrib(elm, 'style')); |
|
18 selectByValue(formObj, 'dir', dom.getAttrib(elm, 'dir')); |
|
19 setFormValue('lang', dom.getAttrib(elm, 'lang')); |
|
20 setFormValue('onfocus', dom.getAttrib(elm, 'onfocus')); |
|
21 setFormValue('onblur', dom.getAttrib(elm, 'onblur')); |
|
22 setFormValue('onclick', dom.getAttrib(elm, 'onclick')); |
|
23 setFormValue('ondblclick', dom.getAttrib(elm, 'ondblclick')); |
|
24 setFormValue('onmousedown', dom.getAttrib(elm, 'onmousedown')); |
|
25 setFormValue('onmouseup', dom.getAttrib(elm, 'onmouseup')); |
|
26 setFormValue('onmouseover', dom.getAttrib(elm, 'onmouseover')); |
|
27 setFormValue('onmousemove', dom.getAttrib(elm, 'onmousemove')); |
|
28 setFormValue('onmouseout', dom.getAttrib(elm, 'onmouseout')); |
|
29 setFormValue('onkeypress', dom.getAttrib(elm, 'onkeypress')); |
|
30 setFormValue('onkeydown', dom.getAttrib(elm, 'onkeydown')); |
|
31 setFormValue('onkeyup', dom.getAttrib(elm, 'onkeyup')); |
|
32 } |
|
33 |
|
34 function setFormValue(name, value) { |
|
35 if(document.forms[0].elements[name]) document.forms[0].elements[name].value = value; |
|
36 } |
|
37 |
|
38 function insertDateTime(id) { |
|
39 document.getElementById(id).value = getDateTime(new Date(), "%Y-%m-%dT%H:%M:%S"); |
|
40 } |
|
41 |
|
42 function getDateTime(d, fmt) { |
|
43 fmt = fmt.replace("%D", "%m/%d/%y"); |
|
44 fmt = fmt.replace("%r", "%I:%M:%S %p"); |
|
45 fmt = fmt.replace("%Y", "" + d.getFullYear()); |
|
46 fmt = fmt.replace("%y", "" + d.getYear()); |
|
47 fmt = fmt.replace("%m", addZeros(d.getMonth()+1, 2)); |
|
48 fmt = fmt.replace("%d", addZeros(d.getDate(), 2)); |
|
49 fmt = fmt.replace("%H", "" + addZeros(d.getHours(), 2)); |
|
50 fmt = fmt.replace("%M", "" + addZeros(d.getMinutes(), 2)); |
|
51 fmt = fmt.replace("%S", "" + addZeros(d.getSeconds(), 2)); |
|
52 fmt = fmt.replace("%I", "" + ((d.getHours() + 11) % 12 + 1)); |
|
53 fmt = fmt.replace("%p", "" + (d.getHours() < 12 ? "AM" : "PM")); |
|
54 fmt = fmt.replace("%%", "%"); |
|
55 |
|
56 return fmt; |
|
57 } |
|
58 |
|
59 function addZeros(value, len) { |
|
60 var i; |
|
61 |
|
62 value = "" + value; |
|
63 |
|
64 if (value.length < len) { |
|
65 for (i=0; i<(len-value.length); i++) |
|
66 value = "0" + value; |
|
67 } |
|
68 |
|
69 return value; |
|
70 } |
|
71 |
|
72 function selectByValue(form_obj, field_name, value, add_custom, ignore_case) { |
|
73 if (!form_obj || !form_obj.elements[field_name]) |
|
74 return; |
|
75 |
|
76 var sel = form_obj.elements[field_name]; |
|
77 |
|
78 var found = false; |
|
79 for (var i=0; i<sel.options.length; i++) { |
|
80 var option = sel.options[i]; |
|
81 |
|
82 if (option.value == value || (ignore_case && option.value.toLowerCase() == value.toLowerCase())) { |
|
83 option.selected = true; |
|
84 found = true; |
|
85 } else |
|
86 option.selected = false; |
|
87 } |
|
88 |
|
89 if (!found && add_custom && value != '') { |
|
90 var option = new Option('Value: ' + value, value); |
|
91 option.selected = true; |
|
92 sel.options[sel.options.length] = option; |
|
93 } |
|
94 |
|
95 return found; |
|
96 } |
|
97 |
|
98 function setAttrib(elm, attrib, value) { |
|
99 var formObj = document.forms[0]; |
|
100 var valueElm = formObj.elements[attrib.toLowerCase()]; |
|
101 tinyMCEPopup.editor.dom.setAttrib(elm, attrib, value || valueElm.value); |
|
102 } |
|
103 |
|
104 function setAllCommonAttribs(elm) { |
|
105 setAttrib(elm, 'title'); |
|
106 setAttrib(elm, 'id'); |
|
107 setAttrib(elm, 'class'); |
|
108 setAttrib(elm, 'style'); |
|
109 setAttrib(elm, 'dir'); |
|
110 setAttrib(elm, 'lang'); |
|
111 /*setAttrib(elm, 'onfocus'); |
|
112 setAttrib(elm, 'onblur'); |
|
113 setAttrib(elm, 'onclick'); |
|
114 setAttrib(elm, 'ondblclick'); |
|
115 setAttrib(elm, 'onmousedown'); |
|
116 setAttrib(elm, 'onmouseup'); |
|
117 setAttrib(elm, 'onmouseover'); |
|
118 setAttrib(elm, 'onmousemove'); |
|
119 setAttrib(elm, 'onmouseout'); |
|
120 setAttrib(elm, 'onkeypress'); |
|
121 setAttrib(elm, 'onkeydown'); |
|
122 setAttrib(elm, 'onkeyup');*/ |
|
123 } |
|
124 |
|
125 SXE = { |
|
126 currentAction : "insert", |
|
127 inst : tinyMCEPopup.editor, |
|
128 updateElement : null |
|
129 } |
|
130 |
|
131 SXE.focusElement = SXE.inst.selection.getNode(); |
|
132 |
|
133 SXE.initElementDialog = function(element_name) { |
|
134 addClassesToList('class', 'xhtmlxtras_styles'); |
|
135 TinyMCE_EditableSelects.init(); |
|
136 |
|
137 element_name = element_name.toLowerCase(); |
|
138 var elm = SXE.inst.dom.getParent(SXE.focusElement, element_name.toUpperCase()); |
|
139 if (elm != null && elm.nodeName == element_name.toUpperCase()) { |
|
140 SXE.currentAction = "update"; |
|
141 } |
|
142 |
|
143 if (SXE.currentAction == "update") { |
|
144 initCommonAttributes(elm); |
|
145 SXE.updateElement = elm; |
|
146 } |
|
147 |
|
148 document.forms[0].insert.value = tinyMCEPopup.getLang(SXE.currentAction, 'Insert', true); |
|
149 } |
|
150 |
|
151 SXE.insertElement = function(element_name) { |
|
152 var elm = SXE.inst.dom.getParent(SXE.focusElement, element_name.toUpperCase()), h, tagName; |
|
153 |
|
154 tinyMCEPopup.execCommand('mceBeginUndoLevel'); |
|
155 if (elm == null) { |
|
156 var s = SXE.inst.selection.getContent(); |
|
157 if(s.length > 0) { |
|
158 tagName = element_name; |
|
159 |
|
160 if (tinymce.isIE && element_name.indexOf('mce:') == 0) |
|
161 element_name = element_name.substring(4).toLowerCase(); |
|
162 |
|
163 h = '<' + tagName + ' id="#sxe_temp_' + element_name + '#">' + s + '</' + tagName + '>'; |
|
164 |
|
165 tinyMCEPopup.execCommand('mceInsertContent', false, h); |
|
166 |
|
167 var elementArray = tinymce.grep(SXE.inst.dom.select(element_name), function(n) {return n.id == '#sxe_temp_' + element_name + '#';}); |
|
168 for (var i=0; i<elementArray.length; i++) { |
|
169 var elm = elementArray[i]; |
|
170 |
|
171 elm.id = ''; |
|
172 elm.setAttribute('id', ''); |
|
173 elm.removeAttribute('id'); |
|
174 |
|
175 setAllCommonAttribs(elm); |
|
176 } |
|
177 } |
|
178 } else { |
|
179 setAllCommonAttribs(elm); |
|
180 } |
|
181 SXE.inst.nodeChanged(); |
|
182 tinyMCEPopup.execCommand('mceEndUndoLevel'); |
|
183 } |
|
184 |
|
185 SXE.removeElement = function(element_name){ |
|
186 element_name = element_name.toLowerCase(); |
|
187 elm = SXE.inst.dom.getParent(SXE.focusElement, element_name.toUpperCase()); |
|
188 if(elm && elm.nodeName == element_name.toUpperCase()){ |
|
189 tinyMCEPopup.execCommand('mceBeginUndoLevel'); |
|
190 tinyMCE.execCommand('mceRemoveNode', false, elm); |
|
191 SXE.inst.nodeChanged(); |
|
192 tinyMCEPopup.execCommand('mceEndUndoLevel'); |
|
193 } |
|
194 } |
|
195 |
|
196 SXE.showRemoveButton = function() { |
|
197 document.getElementById("remove").style.display = 'block'; |
|
198 } |
|
199 |
|
200 SXE.containsClass = function(elm,cl) { |
|
201 return (elm.className.indexOf(cl) > -1) ? true : false; |
|
202 } |
|
203 |
|
204 SXE.removeClass = function(elm,cl) { |
|
205 if(elm.className == null || elm.className == "" || !SXE.containsClass(elm,cl)) { |
|
206 return true; |
|
207 } |
|
208 var classNames = elm.className.split(" "); |
|
209 var newClassNames = ""; |
|
210 for (var x = 0, cnl = classNames.length; x < cnl; x++) { |
|
211 if (classNames[x] != cl) { |
|
212 newClassNames += (classNames[x] + " "); |
|
213 } |
|
214 } |
|
215 elm.className = newClassNames.substring(0,newClassNames.length-1); //removes extra space at the end |
|
216 } |
|
217 |
|
218 SXE.addClass = function(elm,cl) { |
|
219 if(!SXE.containsClass(elm,cl)) elm.className ? elm.className += " " + cl : elm.className = cl; |
|
220 return true; |
|
221 } |