bgneal@312: /* Functions for the advlink plugin popup */
bgneal@312:
bgneal@312: tinyMCEPopup.requireLangPack();
bgneal@312:
bgneal@312: var templates = {
bgneal@312: "window.open" : "window.open('${url}','${target}','${options}')"
bgneal@312: };
bgneal@312:
bgneal@312: function preinit() {
bgneal@312: var url;
bgneal@312:
bgneal@312: if (url = tinyMCEPopup.getParam("external_link_list_url"))
bgneal@312: document.write('');
bgneal@312: }
bgneal@312:
bgneal@312: function changeClass() {
bgneal@312: var f = document.forms[0];
bgneal@312:
bgneal@312: f.classes.value = getSelectValue(f, 'classlist');
bgneal@312: }
bgneal@312:
bgneal@312: function init() {
bgneal@312: tinyMCEPopup.resizeToInnerSize();
bgneal@312:
bgneal@312: var formObj = document.forms[0];
bgneal@312: var inst = tinyMCEPopup.editor;
bgneal@312: var elm = inst.selection.getNode();
bgneal@312: var action = "insert";
bgneal@312: var html;
bgneal@312:
bgneal@312: document.getElementById('hrefbrowsercontainer').innerHTML = getBrowserHTML('hrefbrowser','href','file','advlink');
bgneal@312: document.getElementById('popupurlbrowsercontainer').innerHTML = getBrowserHTML('popupurlbrowser','popupurl','file','advlink');
bgneal@312: document.getElementById('targetlistcontainer').innerHTML = getTargetListHTML('targetlist','target');
bgneal@312:
bgneal@312: // Link list
bgneal@312: html = getLinkListHTML('linklisthref','href');
bgneal@312: if (html == "")
bgneal@312: document.getElementById("linklisthrefrow").style.display = 'none';
bgneal@312: else
bgneal@312: document.getElementById("linklisthrefcontainer").innerHTML = html;
bgneal@312:
bgneal@442: // Anchor list
bgneal@442: html = getAnchorListHTML('anchorlist','href');
bgneal@442: if (html == "")
bgneal@442: document.getElementById("anchorlistrow").style.display = 'none';
bgneal@442: else
bgneal@442: document.getElementById("anchorlistcontainer").innerHTML = html;
bgneal@442:
bgneal@312: // Resize some elements
bgneal@312: if (isVisible('hrefbrowser'))
bgneal@312: document.getElementById('href').style.width = '260px';
bgneal@312:
bgneal@312: if (isVisible('popupurlbrowser'))
bgneal@312: document.getElementById('popupurl').style.width = '180px';
bgneal@312:
bgneal@312: elm = inst.dom.getParent(elm, "A");
bgneal@312: if (elm != null && elm.nodeName == "A")
bgneal@312: action = "update";
bgneal@312:
bgneal@312: formObj.insert.value = tinyMCEPopup.getLang(action, 'Insert', true);
bgneal@312:
bgneal@312: setPopupControlsDisabled(true);
bgneal@312:
bgneal@312: if (action == "update") {
bgneal@312: var href = inst.dom.getAttrib(elm, 'href');
bgneal@312: var onclick = inst.dom.getAttrib(elm, 'onclick');
bgneal@312:
bgneal@312: // Setup form data
bgneal@312: setFormValue('href', href);
bgneal@312: setFormValue('title', inst.dom.getAttrib(elm, 'title'));
bgneal@312: setFormValue('id', inst.dom.getAttrib(elm, 'id'));
bgneal@312: setFormValue('style', inst.dom.getAttrib(elm, "style"));
bgneal@312: setFormValue('rel', inst.dom.getAttrib(elm, 'rel'));
bgneal@312: setFormValue('rev', inst.dom.getAttrib(elm, 'rev'));
bgneal@312: setFormValue('charset', inst.dom.getAttrib(elm, 'charset'));
bgneal@312: setFormValue('hreflang', inst.dom.getAttrib(elm, 'hreflang'));
bgneal@312: setFormValue('dir', inst.dom.getAttrib(elm, 'dir'));
bgneal@312: setFormValue('lang', inst.dom.getAttrib(elm, 'lang'));
bgneal@312: setFormValue('tabindex', inst.dom.getAttrib(elm, 'tabindex', typeof(elm.tabindex) != "undefined" ? elm.tabindex : ""));
bgneal@312: setFormValue('accesskey', inst.dom.getAttrib(elm, 'accesskey', typeof(elm.accesskey) != "undefined" ? elm.accesskey : ""));
bgneal@312: setFormValue('type', inst.dom.getAttrib(elm, 'type'));
bgneal@312: setFormValue('onfocus', inst.dom.getAttrib(elm, 'onfocus'));
bgneal@312: setFormValue('onblur', inst.dom.getAttrib(elm, 'onblur'));
bgneal@312: setFormValue('onclick', onclick);
bgneal@312: setFormValue('ondblclick', inst.dom.getAttrib(elm, 'ondblclick'));
bgneal@312: setFormValue('onmousedown', inst.dom.getAttrib(elm, 'onmousedown'));
bgneal@312: setFormValue('onmouseup', inst.dom.getAttrib(elm, 'onmouseup'));
bgneal@312: setFormValue('onmouseover', inst.dom.getAttrib(elm, 'onmouseover'));
bgneal@312: setFormValue('onmousemove', inst.dom.getAttrib(elm, 'onmousemove'));
bgneal@312: setFormValue('onmouseout', inst.dom.getAttrib(elm, 'onmouseout'));
bgneal@312: setFormValue('onkeypress', inst.dom.getAttrib(elm, 'onkeypress'));
bgneal@312: setFormValue('onkeydown', inst.dom.getAttrib(elm, 'onkeydown'));
bgneal@312: setFormValue('onkeyup', inst.dom.getAttrib(elm, 'onkeyup'));
bgneal@312: setFormValue('target', inst.dom.getAttrib(elm, 'target'));
bgneal@312: setFormValue('classes', inst.dom.getAttrib(elm, 'class'));
bgneal@312:
bgneal@312: // Parse onclick data
bgneal@312: if (onclick != null && onclick.indexOf('window.open') != -1)
bgneal@312: parseWindowOpen(onclick);
bgneal@312: else
bgneal@312: parseFunction(onclick);
bgneal@312:
bgneal@312: // Select by the values
bgneal@312: selectByValue(formObj, 'dir', inst.dom.getAttrib(elm, 'dir'));
bgneal@312: selectByValue(formObj, 'rel', inst.dom.getAttrib(elm, 'rel'));
bgneal@312: selectByValue(formObj, 'rev', inst.dom.getAttrib(elm, 'rev'));
bgneal@312: selectByValue(formObj, 'linklisthref', href);
bgneal@312:
bgneal@312: if (href.charAt(0) == '#')
bgneal@312: selectByValue(formObj, 'anchorlist', href);
bgneal@312:
bgneal@312: addClassesToList('classlist', 'advlink_styles');
bgneal@312:
bgneal@312: selectByValue(formObj, 'classlist', inst.dom.getAttrib(elm, 'class'), true);
bgneal@312: selectByValue(formObj, 'targetlist', inst.dom.getAttrib(elm, 'target'), true);
bgneal@312: } else
bgneal@312: addClassesToList('classlist', 'advlink_styles');
bgneal@312: }
bgneal@312:
bgneal@312: function checkPrefix(n) {
bgneal@312: if (n.value && Validator.isEmail(n) && !/^\s*mailto:/i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_email')))
bgneal@312: n.value = 'mailto:' + n.value;
bgneal@312:
bgneal@312: if (/^\s*www\./i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_external')))
bgneal@312: n.value = 'http://' + n.value;
bgneal@312: }
bgneal@312:
bgneal@312: function setFormValue(name, value) {
bgneal@312: document.forms[0].elements[name].value = value;
bgneal@312: }
bgneal@312:
bgneal@312: function parseWindowOpen(onclick) {
bgneal@312: var formObj = document.forms[0];
bgneal@312:
bgneal@312: // Preprocess center code
bgneal@312: if (onclick.indexOf('return false;') != -1) {
bgneal@312: formObj.popupreturn.checked = true;
bgneal@312: onclick = onclick.replace('return false;', '');
bgneal@312: } else
bgneal@312: formObj.popupreturn.checked = false;
bgneal@312:
bgneal@312: var onClickData = parseLink(onclick);
bgneal@312:
bgneal@312: if (onClickData != null) {
bgneal@312: formObj.ispopup.checked = true;
bgneal@312: setPopupControlsDisabled(false);
bgneal@312:
bgneal@312: var onClickWindowOptions = parseOptions(onClickData['options']);
bgneal@312: var url = onClickData['url'];
bgneal@312:
bgneal@312: formObj.popupname.value = onClickData['target'];
bgneal@312: formObj.popupurl.value = url;
bgneal@312: formObj.popupwidth.value = getOption(onClickWindowOptions, 'width');
bgneal@312: formObj.popupheight.value = getOption(onClickWindowOptions, 'height');
bgneal@312:
bgneal@312: formObj.popupleft.value = getOption(onClickWindowOptions, 'left');
bgneal@312: formObj.popuptop.value = getOption(onClickWindowOptions, 'top');
bgneal@312:
bgneal@312: if (formObj.popupleft.value.indexOf('screen') != -1)
bgneal@312: formObj.popupleft.value = "c";
bgneal@312:
bgneal@312: if (formObj.popuptop.value.indexOf('screen') != -1)
bgneal@312: formObj.popuptop.value = "c";
bgneal@312:
bgneal@312: formObj.popuplocation.checked = getOption(onClickWindowOptions, 'location') == "yes";
bgneal@312: formObj.popupscrollbars.checked = getOption(onClickWindowOptions, 'scrollbars') == "yes";
bgneal@312: formObj.popupmenubar.checked = getOption(onClickWindowOptions, 'menubar') == "yes";
bgneal@312: formObj.popupresizable.checked = getOption(onClickWindowOptions, 'resizable') == "yes";
bgneal@312: formObj.popuptoolbar.checked = getOption(onClickWindowOptions, 'toolbar') == "yes";
bgneal@312: formObj.popupstatus.checked = getOption(onClickWindowOptions, 'status') == "yes";
bgneal@312: formObj.popupdependent.checked = getOption(onClickWindowOptions, 'dependent') == "yes";
bgneal@312:
bgneal@312: buildOnClick();
bgneal@312: }
bgneal@312: }
bgneal@312:
bgneal@312: function parseFunction(onclick) {
bgneal@312: var formObj = document.forms[0];
bgneal@312: var onClickData = parseLink(onclick);
bgneal@312:
bgneal@312: // TODO: Add stuff here
bgneal@312: }
bgneal@312:
bgneal@312: function getOption(opts, name) {
bgneal@312: return typeof(opts[name]) == "undefined" ? "" : opts[name];
bgneal@312: }
bgneal@312:
bgneal@312: function setPopupControlsDisabled(state) {
bgneal@312: var formObj = document.forms[0];
bgneal@312:
bgneal@312: formObj.popupname.disabled = state;
bgneal@312: formObj.popupurl.disabled = state;
bgneal@312: formObj.popupwidth.disabled = state;
bgneal@312: formObj.popupheight.disabled = state;
bgneal@312: formObj.popupleft.disabled = state;
bgneal@312: formObj.popuptop.disabled = state;
bgneal@312: formObj.popuplocation.disabled = state;
bgneal@312: formObj.popupscrollbars.disabled = state;
bgneal@312: formObj.popupmenubar.disabled = state;
bgneal@312: formObj.popupresizable.disabled = state;
bgneal@312: formObj.popuptoolbar.disabled = state;
bgneal@312: formObj.popupstatus.disabled = state;
bgneal@312: formObj.popupreturn.disabled = state;
bgneal@312: formObj.popupdependent.disabled = state;
bgneal@312:
bgneal@312: setBrowserDisabled('popupurlbrowser', state);
bgneal@312: }
bgneal@312:
bgneal@312: function parseLink(link) {
bgneal@312: link = link.replace(new RegExp(''', 'g'), "'");
bgneal@312:
bgneal@312: var fnName = link.replace(new RegExp("\\s*([A-Za-z0-9\.]*)\\s*\\(.*", "gi"), "$1");
bgneal@312:
bgneal@312: // Is function name a template function
bgneal@312: var template = templates[fnName];
bgneal@312: if (template) {
bgneal@312: // Build regexp
bgneal@312: var variableNames = template.match(new RegExp("'?\\$\\{[A-Za-z0-9\.]*\\}'?", "gi"));
bgneal@312: var regExp = "\\s*[A-Za-z0-9\.]*\\s*\\(";
bgneal@312: var replaceStr = "";
bgneal@312: for (var i=0; i";
bgneal@312: } else
bgneal@312: regExp += ".*";
bgneal@312: }
bgneal@312:
bgneal@312: regExp += "\\);?";
bgneal@312:
bgneal@312: // Build variable array
bgneal@312: var variables = [];
bgneal@312: variables["_function"] = fnName;
bgneal@312: var variableValues = link.replace(new RegExp(regExp, "gi"), replaceStr).split('');
bgneal@312: for (var i=0; i' + name + '';
bgneal@312: }
bgneal@312:
bgneal@442: if (html == "")
bgneal@442: return "";
bgneal@442:
bgneal@442: html = '';
bgneal@312:
bgneal@312: return html;
bgneal@312: }
bgneal@312:
bgneal@312: function insertAction() {
bgneal@312: var inst = tinyMCEPopup.editor;
bgneal@312: var elm, elementArray, i;
bgneal@312:
bgneal@312: elm = inst.selection.getNode();
bgneal@312: checkPrefix(document.forms[0].href);
bgneal@312:
bgneal@312: elm = inst.dom.getParent(elm, "A");
bgneal@312:
bgneal@312: // Remove element if there is no href
bgneal@312: if (!document.forms[0].href.value) {
bgneal@312: i = inst.selection.getBookmark();
bgneal@312: inst.dom.remove(elm, 1);
bgneal@312: inst.selection.moveToBookmark(i);
bgneal@312: tinyMCEPopup.execCommand("mceEndUndoLevel");
bgneal@312: tinyMCEPopup.close();
bgneal@312: return;
bgneal@312: }
bgneal@312:
bgneal@312: // Create new anchor elements
bgneal@312: if (elm == null) {
bgneal@312: inst.getDoc().execCommand("unlink", false, null);
bgneal@442: tinyMCEPopup.execCommand("mceInsertLink", false, "#mce_temp_url#", {skip_undo : 1});
bgneal@312:
bgneal@312: elementArray = tinymce.grep(inst.dom.select("a"), function(n) {return inst.dom.getAttrib(n, 'href') == '#mce_temp_url#';});
bgneal@312: for (i=0; i';
bgneal@312:
bgneal@312: for (var i=0; i' + tinyMCELinkList[i][0] + '';
bgneal@312:
bgneal@312: html += '';
bgneal@312:
bgneal@312: return html;
bgneal@312:
bgneal@312: // tinyMCE.debug('-- image list start --', html, '-- image list end --');
bgneal@312: }
bgneal@312:
bgneal@312: function getTargetListHTML(elm_id, target_form_element) {
bgneal@312: var targets = tinyMCEPopup.getParam('theme_advanced_link_targets', '').split(';');
bgneal@312: var html = '';
bgneal@312:
bgneal@312: html += '';
bgneal@312:
bgneal@312: return html;
bgneal@312: }
bgneal@312:
bgneal@312: // While loading
bgneal@312: preinit();
bgneal@312: tinyMCEPopup.onInit.add(init);