Updated tiny-mce to most recent 3.4 version
[citadel.git] / webcit / tiny_mce / plugins / advlink / js / advlink.js
1 /* Functions for the advlink plugin popup */\r
2 \r
3 tinyMCEPopup.requireLangPack();\r
4 \r
5 var templates = {\r
6         "window.open" : "window.open('${url}','${target}','${options}')"\r
7 };\r
8 \r
9 function preinit() {\r
10         var url;\r
11 \r
12         if (url = tinyMCEPopup.getParam("external_link_list_url"))\r
13                 document.write('<script language="javascript" type="text/javascript" src="' + tinyMCEPopup.editor.documentBaseURI.toAbsolute(url) + '"></script>');\r
14 }\r
15 \r
16 function changeClass() {\r
17         var f = document.forms[0];\r
18 \r
19         f.classes.value = getSelectValue(f, 'classlist');\r
20 }\r
21 \r
22 function init() {\r
23         tinyMCEPopup.resizeToInnerSize();\r
24 \r
25         var formObj = document.forms[0];\r
26         var inst = tinyMCEPopup.editor;\r
27         var elm = inst.selection.getNode();\r
28         var action = "insert";\r
29         var html;\r
30 \r
31         document.getElementById('hrefbrowsercontainer').innerHTML = getBrowserHTML('hrefbrowser','href','file','advlink');\r
32         document.getElementById('popupurlbrowsercontainer').innerHTML = getBrowserHTML('popupurlbrowser','popupurl','file','advlink');\r
33         document.getElementById('targetlistcontainer').innerHTML = getTargetListHTML('targetlist','target');\r
34 \r
35         // Link list\r
36         html = getLinkListHTML('linklisthref','href');\r
37         if (html == "")\r
38                 document.getElementById("linklisthrefrow").style.display = 'none';\r
39         else\r
40                 document.getElementById("linklisthrefcontainer").innerHTML = html;\r
41 \r
42         // Anchor list\r
43         html = getAnchorListHTML('anchorlist','href');\r
44         if (html == "")\r
45                 document.getElementById("anchorlistrow").style.display = 'none';\r
46         else\r
47                 document.getElementById("anchorlistcontainer").innerHTML = html;\r
48 \r
49         // Resize some elements\r
50         if (isVisible('hrefbrowser'))\r
51                 document.getElementById('href').style.width = '260px';\r
52 \r
53         if (isVisible('popupurlbrowser'))\r
54                 document.getElementById('popupurl').style.width = '180px';\r
55 \r
56         elm = inst.dom.getParent(elm, "A");\r
57         if (elm == null) {\r
58                 var prospect = inst.dom.create("p", null, inst.selection.getContent());\r
59                 if (prospect.childNodes.length === 1) {\r
60                         elm = prospect.firstChild;\r
61                 }\r
62         }\r
63 \r
64         if (elm != null && elm.nodeName == "A")\r
65                 action = "update";\r
66 \r
67         formObj.insert.value = tinyMCEPopup.getLang(action, 'Insert', true); \r
68 \r
69         setPopupControlsDisabled(true);\r
70 \r
71         if (action == "update") {\r
72                 var href = inst.dom.getAttrib(elm, 'href');\r
73                 var onclick = inst.dom.getAttrib(elm, 'onclick');\r
74 \r
75                 // Setup form data\r
76                 setFormValue('href', href);\r
77                 setFormValue('title', inst.dom.getAttrib(elm, 'title'));\r
78                 setFormValue('id', inst.dom.getAttrib(elm, 'id'));\r
79                 setFormValue('style', inst.dom.getAttrib(elm, "style"));\r
80                 setFormValue('rel', inst.dom.getAttrib(elm, 'rel'));\r
81                 setFormValue('rev', inst.dom.getAttrib(elm, 'rev'));\r
82                 setFormValue('charset', inst.dom.getAttrib(elm, 'charset'));\r
83                 setFormValue('hreflang', inst.dom.getAttrib(elm, 'hreflang'));\r
84                 setFormValue('dir', inst.dom.getAttrib(elm, 'dir'));\r
85                 setFormValue('lang', inst.dom.getAttrib(elm, 'lang'));\r
86                 setFormValue('tabindex', inst.dom.getAttrib(elm, 'tabindex', typeof(elm.tabindex) != "undefined" ? elm.tabindex : ""));\r
87                 setFormValue('accesskey', inst.dom.getAttrib(elm, 'accesskey', typeof(elm.accesskey) != "undefined" ? elm.accesskey : ""));\r
88                 setFormValue('type', inst.dom.getAttrib(elm, 'type'));\r
89                 setFormValue('onfocus', inst.dom.getAttrib(elm, 'onfocus'));\r
90                 setFormValue('onblur', inst.dom.getAttrib(elm, 'onblur'));\r
91                 setFormValue('onclick', onclick);\r
92                 setFormValue('ondblclick', inst.dom.getAttrib(elm, 'ondblclick'));\r
93                 setFormValue('onmousedown', inst.dom.getAttrib(elm, 'onmousedown'));\r
94                 setFormValue('onmouseup', inst.dom.getAttrib(elm, 'onmouseup'));\r
95                 setFormValue('onmouseover', inst.dom.getAttrib(elm, 'onmouseover'));\r
96                 setFormValue('onmousemove', inst.dom.getAttrib(elm, 'onmousemove'));\r
97                 setFormValue('onmouseout', inst.dom.getAttrib(elm, 'onmouseout'));\r
98                 setFormValue('onkeypress', inst.dom.getAttrib(elm, 'onkeypress'));\r
99                 setFormValue('onkeydown', inst.dom.getAttrib(elm, 'onkeydown'));\r
100                 setFormValue('onkeyup', inst.dom.getAttrib(elm, 'onkeyup'));\r
101                 setFormValue('target', inst.dom.getAttrib(elm, 'target'));\r
102                 setFormValue('classes', inst.dom.getAttrib(elm, 'class'));\r
103 \r
104                 // Parse onclick data\r
105                 if (onclick != null && onclick.indexOf('window.open') != -1)\r
106                         parseWindowOpen(onclick);\r
107                 else\r
108                         parseFunction(onclick);\r
109 \r
110                 // Select by the values\r
111                 selectByValue(formObj, 'dir', inst.dom.getAttrib(elm, 'dir'));\r
112                 selectByValue(formObj, 'rel', inst.dom.getAttrib(elm, 'rel'));\r
113                 selectByValue(formObj, 'rev', inst.dom.getAttrib(elm, 'rev'));\r
114                 selectByValue(formObj, 'linklisthref', href);\r
115 \r
116                 if (href.charAt(0) == '#')\r
117                         selectByValue(formObj, 'anchorlist', href);\r
118 \r
119                 addClassesToList('classlist', 'advlink_styles');\r
120 \r
121                 selectByValue(formObj, 'classlist', inst.dom.getAttrib(elm, 'class'), true);\r
122                 selectByValue(formObj, 'targetlist', inst.dom.getAttrib(elm, 'target'), true);\r
123         } else\r
124                 addClassesToList('classlist', 'advlink_styles');\r
125 }\r
126 \r
127 function checkPrefix(n) {\r
128         if (n.value && Validator.isEmail(n) && !/^\s*mailto:/i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_email')))\r
129                 n.value = 'mailto:' + n.value;\r
130 \r
131         if (/^\s*www\./i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_external')))\r
132                 n.value = 'http://' + n.value;\r
133 }\r
134 \r
135 function setFormValue(name, value) {\r
136         document.forms[0].elements[name].value = value;\r
137 }\r
138 \r
139 function parseWindowOpen(onclick) {\r
140         var formObj = document.forms[0];\r
141 \r
142         // Preprocess center code\r
143         if (onclick.indexOf('return false;') != -1) {\r
144                 formObj.popupreturn.checked = true;\r
145                 onclick = onclick.replace('return false;', '');\r
146         } else\r
147                 formObj.popupreturn.checked = false;\r
148 \r
149         var onClickData = parseLink(onclick);\r
150 \r
151         if (onClickData != null) {\r
152                 formObj.ispopup.checked = true;\r
153                 setPopupControlsDisabled(false);\r
154 \r
155                 var onClickWindowOptions = parseOptions(onClickData['options']);\r
156                 var url = onClickData['url'];\r
157 \r
158                 formObj.popupname.value = onClickData['target'];\r
159                 formObj.popupurl.value = url;\r
160                 formObj.popupwidth.value = getOption(onClickWindowOptions, 'width');\r
161                 formObj.popupheight.value = getOption(onClickWindowOptions, 'height');\r
162 \r
163                 formObj.popupleft.value = getOption(onClickWindowOptions, 'left');\r
164                 formObj.popuptop.value = getOption(onClickWindowOptions, 'top');\r
165 \r
166                 if (formObj.popupleft.value.indexOf('screen') != -1)\r
167                         formObj.popupleft.value = "c";\r
168 \r
169                 if (formObj.popuptop.value.indexOf('screen') != -1)\r
170                         formObj.popuptop.value = "c";\r
171 \r
172                 formObj.popuplocation.checked = getOption(onClickWindowOptions, 'location') == "yes";\r
173                 formObj.popupscrollbars.checked = getOption(onClickWindowOptions, 'scrollbars') == "yes";\r
174                 formObj.popupmenubar.checked = getOption(onClickWindowOptions, 'menubar') == "yes";\r
175                 formObj.popupresizable.checked = getOption(onClickWindowOptions, 'resizable') == "yes";\r
176                 formObj.popuptoolbar.checked = getOption(onClickWindowOptions, 'toolbar') == "yes";\r
177                 formObj.popupstatus.checked = getOption(onClickWindowOptions, 'status') == "yes";\r
178                 formObj.popupdependent.checked = getOption(onClickWindowOptions, 'dependent') == "yes";\r
179 \r
180                 buildOnClick();\r
181         }\r
182 }\r
183 \r
184 function parseFunction(onclick) {\r
185         var formObj = document.forms[0];\r
186         var onClickData = parseLink(onclick);\r
187 \r
188         // TODO: Add stuff here\r
189 }\r
190 \r
191 function getOption(opts, name) {\r
192         return typeof(opts[name]) == "undefined" ? "" : opts[name];\r
193 }\r
194 \r
195 function setPopupControlsDisabled(state) {\r
196         var formObj = document.forms[0];\r
197 \r
198         formObj.popupname.disabled = state;\r
199         formObj.popupurl.disabled = state;\r
200         formObj.popupwidth.disabled = state;\r
201         formObj.popupheight.disabled = state;\r
202         formObj.popupleft.disabled = state;\r
203         formObj.popuptop.disabled = state;\r
204         formObj.popuplocation.disabled = state;\r
205         formObj.popupscrollbars.disabled = state;\r
206         formObj.popupmenubar.disabled = state;\r
207         formObj.popupresizable.disabled = state;\r
208         formObj.popuptoolbar.disabled = state;\r
209         formObj.popupstatus.disabled = state;\r
210         formObj.popupreturn.disabled = state;\r
211         formObj.popupdependent.disabled = state;\r
212 \r
213         setBrowserDisabled('popupurlbrowser', state);\r
214 }\r
215 \r
216 function parseLink(link) {\r
217         link = link.replace(new RegExp('&#39;', 'g'), "'");\r
218 \r
219         var fnName = link.replace(new RegExp("\\s*([A-Za-z0-9\.]*)\\s*\\(.*", "gi"), "$1");\r
220 \r
221         // Is function name a template function\r
222         var template = templates[fnName];\r
223         if (template) {\r
224                 // Build regexp\r
225                 var variableNames = template.match(new RegExp("'?\\$\\{[A-Za-z0-9\.]*\\}'?", "gi"));\r
226                 var regExp = "\\s*[A-Za-z0-9\.]*\\s*\\(";\r
227                 var replaceStr = "";\r
228                 for (var i=0; i<variableNames.length; i++) {\r
229                         // Is string value\r
230                         if (variableNames[i].indexOf("'${") != -1)\r
231                                 regExp += "'(.*)'";\r
232                         else // Number value\r
233                                 regExp += "([0-9]*)";\r
234 \r
235                         replaceStr += "$" + (i+1);\r
236 \r
237                         // Cleanup variable name\r
238                         variableNames[i] = variableNames[i].replace(new RegExp("[^A-Za-z0-9]", "gi"), "");\r
239 \r
240                         if (i != variableNames.length-1) {\r
241                                 regExp += "\\s*,\\s*";\r
242                                 replaceStr += "<delim>";\r
243                         } else\r
244                                 regExp += ".*";\r
245                 }\r
246 \r
247                 regExp += "\\);?";\r
248 \r
249                 // Build variable array\r
250                 var variables = [];\r
251                 variables["_function"] = fnName;\r
252                 var variableValues = link.replace(new RegExp(regExp, "gi"), replaceStr).split('<delim>');\r
253                 for (var i=0; i<variableNames.length; i++)\r
254                         variables[variableNames[i]] = variableValues[i];\r
255 \r
256                 return variables;\r
257         }\r
258 \r
259         return null;\r
260 }\r
261 \r
262 function parseOptions(opts) {\r
263         if (opts == null || opts == "")\r
264                 return [];\r
265 \r
266         // Cleanup the options\r
267         opts = opts.toLowerCase();\r
268         opts = opts.replace(/;/g, ",");\r
269         opts = opts.replace(/[^0-9a-z=,]/g, "");\r
270 \r
271         var optionChunks = opts.split(',');\r
272         var options = [];\r
273 \r
274         for (var i=0; i<optionChunks.length; i++) {\r
275                 var parts = optionChunks[i].split('=');\r
276 \r
277                 if (parts.length == 2)\r
278                         options[parts[0]] = parts[1];\r
279         }\r
280 \r
281         return options;\r
282 }\r
283 \r
284 function buildOnClick() {\r
285         var formObj = document.forms[0];\r
286 \r
287         if (!formObj.ispopup.checked) {\r
288                 formObj.onclick.value = "";\r
289                 return;\r
290         }\r
291 \r
292         var onclick = "window.open('";\r
293         var url = formObj.popupurl.value;\r
294 \r
295         onclick += url + "','";\r
296         onclick += formObj.popupname.value + "','";\r
297 \r
298         if (formObj.popuplocation.checked)\r
299                 onclick += "location=yes,";\r
300 \r
301         if (formObj.popupscrollbars.checked)\r
302                 onclick += "scrollbars=yes,";\r
303 \r
304         if (formObj.popupmenubar.checked)\r
305                 onclick += "menubar=yes,";\r
306 \r
307         if (formObj.popupresizable.checked)\r
308                 onclick += "resizable=yes,";\r
309 \r
310         if (formObj.popuptoolbar.checked)\r
311                 onclick += "toolbar=yes,";\r
312 \r
313         if (formObj.popupstatus.checked)\r
314                 onclick += "status=yes,";\r
315 \r
316         if (formObj.popupdependent.checked)\r
317                 onclick += "dependent=yes,";\r
318 \r
319         if (formObj.popupwidth.value != "")\r
320                 onclick += "width=" + formObj.popupwidth.value + ",";\r
321 \r
322         if (formObj.popupheight.value != "")\r
323                 onclick += "height=" + formObj.popupheight.value + ",";\r
324 \r
325         if (formObj.popupleft.value != "") {\r
326                 if (formObj.popupleft.value != "c")\r
327                         onclick += "left=" + formObj.popupleft.value + ",";\r
328                 else\r
329                         onclick += "left='+(screen.availWidth/2-" + (formObj.popupwidth.value/2) + ")+',";\r
330         }\r
331 \r
332         if (formObj.popuptop.value != "") {\r
333                 if (formObj.popuptop.value != "c")\r
334                         onclick += "top=" + formObj.popuptop.value + ",";\r
335                 else\r
336                         onclick += "top='+(screen.availHeight/2-" + (formObj.popupheight.value/2) + ")+',";\r
337         }\r
338 \r
339         if (onclick.charAt(onclick.length-1) == ',')\r
340                 onclick = onclick.substring(0, onclick.length-1);\r
341 \r
342         onclick += "');";\r
343 \r
344         if (formObj.popupreturn.checked)\r
345                 onclick += "return false;";\r
346 \r
347         // tinyMCE.debug(onclick);\r
348 \r
349         formObj.onclick.value = onclick;\r
350 \r
351         if (formObj.href.value == "")\r
352                 formObj.href.value = url;\r
353 }\r
354 \r
355 function setAttrib(elm, attrib, value) {\r
356         var formObj = document.forms[0];\r
357         var valueElm = formObj.elements[attrib.toLowerCase()];\r
358         var dom = tinyMCEPopup.editor.dom;\r
359 \r
360         if (typeof(value) == "undefined" || value == null) {\r
361                 value = "";\r
362 \r
363                 if (valueElm)\r
364                         value = valueElm.value;\r
365         }\r
366 \r
367         // Clean up the style\r
368         if (attrib == 'style')\r
369                 value = dom.serializeStyle(dom.parseStyle(value), 'a');\r
370 \r
371         dom.setAttrib(elm, attrib, value);\r
372 }\r
373 \r
374 function getAnchorListHTML(id, target) {\r
375         var ed = tinyMCEPopup.editor, nodes = ed.dom.select('a'), name, i, len, html = "";\r
376 \r
377         for (i=0, len=nodes.length; i<len; i++) {\r
378                 if ((name = ed.dom.getAttrib(nodes[i], "name")) != "")\r
379                         html += '<option value="#' + name + '">' + name + '</option>';\r
380         }\r
381 \r
382         if (html == "")\r
383                 return "";\r
384 \r
385         html = '<select id="' + id + '" name="' + id + '" class="mceAnchorList"'\r
386                 + ' onchange="this.form.' + target + '.value=this.options[this.selectedIndex].value"'\r
387                 + '>'\r
388                 + '<option value="">---</option>'\r
389                 + html\r
390                 + '</select>';\r
391 \r
392         return html;\r
393 }\r
394 \r
395 function insertAction() {\r
396         var inst = tinyMCEPopup.editor;\r
397         var elm, elementArray, i;\r
398 \r
399         elm = inst.selection.getNode();\r
400         checkPrefix(document.forms[0].href);\r
401 \r
402         elm = inst.dom.getParent(elm, "A");\r
403 \r
404         // Remove element if there is no href\r
405         if (!document.forms[0].href.value) {\r
406                 i = inst.selection.getBookmark();\r
407                 inst.dom.remove(elm, 1);\r
408                 inst.selection.moveToBookmark(i);\r
409                 tinyMCEPopup.execCommand("mceEndUndoLevel");\r
410                 tinyMCEPopup.close();\r
411                 return;\r
412         }\r
413 \r
414         // Create new anchor elements\r
415         if (elm == null) {\r
416                 inst.getDoc().execCommand("unlink", false, null);\r
417                 tinyMCEPopup.execCommand("mceInsertLink", false, "#mce_temp_url#", {skip_undo : 1});\r
418 \r
419                 elementArray = tinymce.grep(inst.dom.select("a"), function(n) {return inst.dom.getAttrib(n, 'href') == '#mce_temp_url#';});\r
420                 for (i=0; i<elementArray.length; i++)\r
421                         setAllAttribs(elm = elementArray[i]);\r
422         } else\r
423                 setAllAttribs(elm);\r
424 \r
425         // Don't move caret if selection was image\r
426         if (elm.childNodes.length != 1 || elm.firstChild.nodeName != 'IMG') {\r
427                 inst.focus();\r
428                 inst.selection.select(elm);\r
429                 inst.selection.collapse(0);\r
430                 tinyMCEPopup.storeSelection();\r
431         }\r
432 \r
433         tinyMCEPopup.execCommand("mceEndUndoLevel");\r
434         tinyMCEPopup.close();\r
435 }\r
436 \r
437 function setAllAttribs(elm) {\r
438         var formObj = document.forms[0];\r
439         var href = formObj.href.value.replace(/ /g, '%20');\r
440         var target = getSelectValue(formObj, 'targetlist');\r
441 \r
442         setAttrib(elm, 'href', href);\r
443         setAttrib(elm, 'title');\r
444         setAttrib(elm, 'target', target == '_self' ? '' : target);\r
445         setAttrib(elm, 'id');\r
446         setAttrib(elm, 'style');\r
447         setAttrib(elm, 'class', getSelectValue(formObj, 'classlist'));\r
448         setAttrib(elm, 'rel');\r
449         setAttrib(elm, 'rev');\r
450         setAttrib(elm, 'charset');\r
451         setAttrib(elm, 'hreflang');\r
452         setAttrib(elm, 'dir');\r
453         setAttrib(elm, 'lang');\r
454         setAttrib(elm, 'tabindex');\r
455         setAttrib(elm, 'accesskey');\r
456         setAttrib(elm, 'type');\r
457         setAttrib(elm, 'onfocus');\r
458         setAttrib(elm, 'onblur');\r
459         setAttrib(elm, 'onclick');\r
460         setAttrib(elm, 'ondblclick');\r
461         setAttrib(elm, 'onmousedown');\r
462         setAttrib(elm, 'onmouseup');\r
463         setAttrib(elm, 'onmouseover');\r
464         setAttrib(elm, 'onmousemove');\r
465         setAttrib(elm, 'onmouseout');\r
466         setAttrib(elm, 'onkeypress');\r
467         setAttrib(elm, 'onkeydown');\r
468         setAttrib(elm, 'onkeyup');\r
469 \r
470         // Refresh in old MSIE\r
471         if (tinyMCE.isMSIE5)\r
472                 elm.outerHTML = elm.outerHTML;\r
473 }\r
474 \r
475 function getSelectValue(form_obj, field_name) {\r
476         var elm = form_obj.elements[field_name];\r
477 \r
478         if (!elm || elm.options == null || elm.selectedIndex == -1)\r
479                 return "";\r
480 \r
481         return elm.options[elm.selectedIndex].value;\r
482 }\r
483 \r
484 function getLinkListHTML(elm_id, target_form_element, onchange_func) {\r
485         if (typeof(tinyMCELinkList) == "undefined" || tinyMCELinkList.length == 0)\r
486                 return "";\r
487 \r
488         var html = "";\r
489 \r
490         html += '<select id="' + elm_id + '" name="' + elm_id + '"';\r
491         html += ' class="mceLinkList" onfoc2us="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target_form_element + '.value=';\r
492         html += 'this.options[this.selectedIndex].value;';\r
493 \r
494         if (typeof(onchange_func) != "undefined")\r
495                 html += onchange_func + '(\'' + target_form_element + '\',this.options[this.selectedIndex].text,this.options[this.selectedIndex].value);';\r
496 \r
497         html += '"><option value="">---</option>';\r
498 \r
499         for (var i=0; i<tinyMCELinkList.length; i++)\r
500                 html += '<option value="' + tinyMCELinkList[i][1] + '">' + tinyMCELinkList[i][0] + '</option>';\r
501 \r
502         html += '</select>';\r
503 \r
504         return html;\r
505 \r
506         // tinyMCE.debug('-- image list start --', html, '-- image list end --');\r
507 }\r
508 \r
509 function getTargetListHTML(elm_id, target_form_element) {\r
510         var targets = tinyMCEPopup.getParam('theme_advanced_link_targets', '').split(';');\r
511         var html = '';\r
512 \r
513         html += '<select id="' + elm_id + '" name="' + elm_id + '" onfocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target_form_element + '.value=';\r
514         html += 'this.options[this.selectedIndex].value;">';\r
515         html += '<option value="_self">' + tinyMCEPopup.getLang('advlink_dlg.target_same') + '</option>';\r
516         html += '<option value="_blank">' + tinyMCEPopup.getLang('advlink_dlg.target_blank') + ' (_blank)</option>';\r
517         html += '<option value="_parent">' + tinyMCEPopup.getLang('advlink_dlg.target_parent') + ' (_parent)</option>';\r
518         html += '<option value="_top">' + tinyMCEPopup.getLang('advlink_dlg.target_top') + ' (_top)</option>';\r
519 \r
520         for (var i=0; i<targets.length; i++) {\r
521                 var key, value;\r
522 \r
523                 if (targets[i] == "")\r
524                         continue;\r
525 \r
526                 key = targets[i].split('=')[0];\r
527                 value = targets[i].split('=')[1];\r
528 \r
529                 html += '<option value="' + key + '">' + value + ' (' + key + ')</option>';\r
530         }\r
531 \r
532         html += '</select>';\r
533 \r
534         return html;\r
535 }\r
536 \r
537 // While loading\r
538 preinit();\r
539 tinyMCEPopup.onInit.add(init);\r