1 /* Functions for the advlink plugin popup */
\r
3 tinyMCEPopup.requireLangPack();
\r
6 "window.open" : "window.open('${url}','${target}','${options}')"
\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
16 function changeClass() {
\r
17 var f = document.forms[0];
\r
19 f.classes.value = getSelectValue(f, 'classlist');
\r
23 tinyMCEPopup.resizeToInnerSize();
\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
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
36 html = getLinkListHTML('linklisthref','href');
\r
38 document.getElementById("linklisthrefrow").style.display = 'none';
\r
40 document.getElementById("linklisthrefcontainer").innerHTML = html;
\r
43 html = getAnchorListHTML('anchorlist','href');
\r
45 document.getElementById("anchorlistrow").style.display = 'none';
\r
47 document.getElementById("anchorlistcontainer").innerHTML = html;
\r
49 // Resize some elements
\r
50 if (isVisible('hrefbrowser'))
\r
51 document.getElementById('href').style.width = '260px';
\r
53 if (isVisible('popupurlbrowser'))
\r
54 document.getElementById('popupurl').style.width = '180px';
\r
56 elm = inst.dom.getParent(elm, "A");
\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
64 if (elm != null && elm.nodeName == "A")
\r
67 formObj.insert.value = tinyMCEPopup.getLang(action, 'Insert', true);
\r
69 setPopupControlsDisabled(true);
\r
71 if (action == "update") {
\r
72 var href = inst.dom.getAttrib(elm, 'href');
\r
73 var onclick = inst.dom.getAttrib(elm, 'onclick');
\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
104 // Parse onclick data
\r
105 if (onclick != null && onclick.indexOf('window.open') != -1)
\r
106 parseWindowOpen(onclick);
\r
108 parseFunction(onclick);
\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
116 if (href.charAt(0) == '#')
\r
117 selectByValue(formObj, 'anchorlist', href);
\r
119 addClassesToList('classlist', 'advlink_styles');
\r
121 selectByValue(formObj, 'classlist', inst.dom.getAttrib(elm, 'class'), true);
\r
122 selectByValue(formObj, 'targetlist', inst.dom.getAttrib(elm, 'target'), true);
\r
124 addClassesToList('classlist', 'advlink_styles');
\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
131 if (/^\s*www\./i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_external')))
\r
132 n.value = 'http://' + n.value;
\r
135 function setFormValue(name, value) {
\r
136 document.forms[0].elements[name].value = value;
\r
139 function parseWindowOpen(onclick) {
\r
140 var formObj = document.forms[0];
\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
147 formObj.popupreturn.checked = false;
\r
149 var onClickData = parseLink(onclick);
\r
151 if (onClickData != null) {
\r
152 formObj.ispopup.checked = true;
\r
153 setPopupControlsDisabled(false);
\r
155 var onClickWindowOptions = parseOptions(onClickData['options']);
\r
156 var url = onClickData['url'];
\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
163 formObj.popupleft.value = getOption(onClickWindowOptions, 'left');
\r
164 formObj.popuptop.value = getOption(onClickWindowOptions, 'top');
\r
166 if (formObj.popupleft.value.indexOf('screen') != -1)
\r
167 formObj.popupleft.value = "c";
\r
169 if (formObj.popuptop.value.indexOf('screen') != -1)
\r
170 formObj.popuptop.value = "c";
\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
184 function parseFunction(onclick) {
\r
185 var formObj = document.forms[0];
\r
186 var onClickData = parseLink(onclick);
\r
188 // TODO: Add stuff here
\r
191 function getOption(opts, name) {
\r
192 return typeof(opts[name]) == "undefined" ? "" : opts[name];
\r
195 function setPopupControlsDisabled(state) {
\r
196 var formObj = document.forms[0];
\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
213 setBrowserDisabled('popupurlbrowser', state);
\r
216 function parseLink(link) {
\r
217 link = link.replace(new RegExp(''', 'g'), "'");
\r
219 var fnName = link.replace(new RegExp("\\s*([A-Za-z0-9\.]*)\\s*\\(.*", "gi"), "$1");
\r
221 // Is function name a template function
\r
222 var template = templates[fnName];
\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
230 if (variableNames[i].indexOf("'${") != -1)
\r
231 regExp += "'(.*)'";
\r
232 else // Number value
\r
233 regExp += "([0-9]*)";
\r
235 replaceStr += "$" + (i+1);
\r
237 // Cleanup variable name
\r
238 variableNames[i] = variableNames[i].replace(new RegExp("[^A-Za-z0-9]", "gi"), "");
\r
240 if (i != variableNames.length-1) {
\r
241 regExp += "\\s*,\\s*";
\r
242 replaceStr += "<delim>";
\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
262 function parseOptions(opts) {
\r
263 if (opts == null || opts == "")
\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
271 var optionChunks = opts.split(',');
\r
274 for (var i=0; i<optionChunks.length; i++) {
\r
275 var parts = optionChunks[i].split('=');
\r
277 if (parts.length == 2)
\r
278 options[parts[0]] = parts[1];
\r
284 function buildOnClick() {
\r
285 var formObj = document.forms[0];
\r
287 if (!formObj.ispopup.checked) {
\r
288 formObj.onclick.value = "";
\r
292 var onclick = "window.open('";
\r
293 var url = formObj.popupurl.value;
\r
295 onclick += url + "','";
\r
296 onclick += formObj.popupname.value + "','";
\r
298 if (formObj.popuplocation.checked)
\r
299 onclick += "location=yes,";
\r
301 if (formObj.popupscrollbars.checked)
\r
302 onclick += "scrollbars=yes,";
\r
304 if (formObj.popupmenubar.checked)
\r
305 onclick += "menubar=yes,";
\r
307 if (formObj.popupresizable.checked)
\r
308 onclick += "resizable=yes,";
\r
310 if (formObj.popuptoolbar.checked)
\r
311 onclick += "toolbar=yes,";
\r
313 if (formObj.popupstatus.checked)
\r
314 onclick += "status=yes,";
\r
316 if (formObj.popupdependent.checked)
\r
317 onclick += "dependent=yes,";
\r
319 if (formObj.popupwidth.value != "")
\r
320 onclick += "width=" + formObj.popupwidth.value + ",";
\r
322 if (formObj.popupheight.value != "")
\r
323 onclick += "height=" + formObj.popupheight.value + ",";
\r
325 if (formObj.popupleft.value != "") {
\r
326 if (formObj.popupleft.value != "c")
\r
327 onclick += "left=" + formObj.popupleft.value + ",";
\r
329 onclick += "left='+(screen.availWidth/2-" + (formObj.popupwidth.value/2) + ")+',";
\r
332 if (formObj.popuptop.value != "") {
\r
333 if (formObj.popuptop.value != "c")
\r
334 onclick += "top=" + formObj.popuptop.value + ",";
\r
336 onclick += "top='+(screen.availHeight/2-" + (formObj.popupheight.value/2) + ")+',";
\r
339 if (onclick.charAt(onclick.length-1) == ',')
\r
340 onclick = onclick.substring(0, onclick.length-1);
\r
344 if (formObj.popupreturn.checked)
\r
345 onclick += "return false;";
\r
347 // tinyMCE.debug(onclick);
\r
349 formObj.onclick.value = onclick;
\r
351 if (formObj.href.value == "")
\r
352 formObj.href.value = url;
\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
360 if (typeof(value) == "undefined" || value == null) {
\r
364 value = valueElm.value;
\r
367 // Clean up the style
\r
368 if (attrib == 'style')
\r
369 value = dom.serializeStyle(dom.parseStyle(value), 'a');
\r
371 dom.setAttrib(elm, attrib, value);
\r
374 function getAnchorListHTML(id, target) {
\r
375 var ed = tinyMCEPopup.editor, nodes = ed.dom.select('a'), name, i, len, html = "";
\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
385 html = '<select id="' + id + '" name="' + id + '" class="mceAnchorList"'
\r
386 + ' onchange="this.form.' + target + '.value=this.options[this.selectedIndex].value"'
\r
388 + '<option value="">---</option>'
\r
395 function insertAction() {
\r
396 var inst = tinyMCEPopup.editor;
\r
397 var elm, elementArray, i;
\r
399 elm = inst.selection.getNode();
\r
400 checkPrefix(document.forms[0].href);
\r
402 elm = inst.dom.getParent(elm, "A");
\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
414 // Create new anchor elements
\r
416 inst.getDoc().execCommand("unlink", false, null);
\r
417 tinyMCEPopup.execCommand("mceInsertLink", false, "#mce_temp_url#", {skip_undo : 1});
\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
423 setAllAttribs(elm);
\r
425 // Don't move caret if selection was image
\r
426 if (elm.childNodes.length != 1 || elm.firstChild.nodeName != 'IMG') {
\r
428 inst.selection.select(elm);
\r
429 inst.selection.collapse(0);
\r
430 tinyMCEPopup.storeSelection();
\r
433 tinyMCEPopup.execCommand("mceEndUndoLevel");
\r
434 tinyMCEPopup.close();
\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
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
470 // Refresh in old MSIE
\r
471 if (tinyMCE.isMSIE5)
\r
472 elm.outerHTML = elm.outerHTML;
\r
475 function getSelectValue(form_obj, field_name) {
\r
476 var elm = form_obj.elements[field_name];
\r
478 if (!elm || elm.options == null || elm.selectedIndex == -1)
\r
481 return elm.options[elm.selectedIndex].value;
\r
484 function getLinkListHTML(elm_id, target_form_element, onchange_func) {
\r
485 if (typeof(tinyMCELinkList) == "undefined" || tinyMCELinkList.length == 0)
\r
490 html += '<select id="' + elm_id + '" name="' + elm_id + '"';
\r
491 html += ' class="mceLinkList" onchange="this.form.' + target_form_element + '.value=';
\r
492 html += 'this.options[this.selectedIndex].value;';
\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
497 html += '"><option value="">---</option>';
\r
499 for (var i=0; i<tinyMCELinkList.length; i++)
\r
500 html += '<option value="' + tinyMCELinkList[i][1] + '">' + tinyMCELinkList[i][0] + '</option>';
\r
502 html += '</select>';
\r
506 // tinyMCE.debug('-- image list start --', html, '-- image list end --');
\r
509 function getTargetListHTML(elm_id, target_form_element) {
\r
510 var targets = tinyMCEPopup.getParam('theme_advanced_link_targets', '').split(';');
\r
513 html += '<select id="' + elm_id + '" name="' + elm_id + '" 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
520 for (var i=0; i<targets.length; i++) {
\r
523 if (targets[i] == "")
\r
526 key = targets[i].split('=')[0];
\r
527 value = targets[i].split('=')[1];
\r
529 html += '<option value="' + key + '">' + value + ' (' + key + ')</option>';
\r
532 html += '</select>';
\r
539 tinyMCEPopup.onInit.add(init);
\r