advlink.js
527 lines
| 16.3 KiB
| application/javascript
|
JavascriptGenshiLexer
| r2 | /* Functions for the advlink plugin popup */ | |||
| tinyMCEPopup.requireLangPack(); | ||||
| var templates = { | ||||
| "window.open" : "window.open('${url}','${target}','${options}')" | ||||
| }; | ||||
| function preinit() { | ||||
| var url; | ||||
| if (url = tinyMCEPopup.getParam("external_link_list_url")) | ||||
| document.write('<script language="javascript" type="text/javascript" src="' + tinyMCEPopup.editor.documentBaseURI.toAbsolute(url) + '"></script>'); | ||||
| } | ||||
| function changeClass() { | ||||
| var f = document.forms[0]; | ||||
| f.classes.value = getSelectValue(f, 'classlist'); | ||||
| } | ||||
| function init() { | ||||
| tinyMCEPopup.resizeToInnerSize(); | ||||
| var formObj = document.forms[0]; | ||||
| var inst = tinyMCEPopup.editor; | ||||
| var elm = inst.selection.getNode(); | ||||
| var action = "insert"; | ||||
| var html; | ||||
| document.getElementById('hrefbrowsercontainer').innerHTML = getBrowserHTML('hrefbrowser','href','file','advlink'); | ||||
| document.getElementById('popupurlbrowsercontainer').innerHTML = getBrowserHTML('popupurlbrowser','popupurl','file','advlink'); | ||||
| document.getElementById('linklisthrefcontainer').innerHTML = getLinkListHTML('linklisthref','href'); | ||||
| document.getElementById('anchorlistcontainer').innerHTML = getAnchorListHTML('anchorlist','href'); | ||||
| document.getElementById('targetlistcontainer').innerHTML = getTargetListHTML('targetlist','target'); | ||||
| // Link list | ||||
| html = getLinkListHTML('linklisthref','href'); | ||||
| if (html == "") | ||||
| document.getElementById("linklisthrefrow").style.display = 'none'; | ||||
| else | ||||
| document.getElementById("linklisthrefcontainer").innerHTML = html; | ||||
| // Resize some elements | ||||
| if (isVisible('hrefbrowser')) | ||||
| document.getElementById('href').style.width = '260px'; | ||||
| if (isVisible('popupurlbrowser')) | ||||
| document.getElementById('popupurl').style.width = '180px'; | ||||
| elm = inst.dom.getParent(elm, "A"); | ||||
| if (elm != null && elm.nodeName == "A") | ||||
| action = "update"; | ||||
| formObj.insert.value = tinyMCEPopup.getLang(action, 'Insert', true); | ||||
| setPopupControlsDisabled(true); | ||||
| if (action == "update") { | ||||
| var href = inst.dom.getAttrib(elm, 'href'); | ||||
| var onclick = inst.dom.getAttrib(elm, 'onclick'); | ||||
| // Setup form data | ||||
| setFormValue('href', href); | ||||
| setFormValue('title', inst.dom.getAttrib(elm, 'title')); | ||||
| setFormValue('id', inst.dom.getAttrib(elm, 'id')); | ||||
| setFormValue('style', inst.dom.getAttrib(elm, "style")); | ||||
| setFormValue('rel', inst.dom.getAttrib(elm, 'rel')); | ||||
| setFormValue('rev', inst.dom.getAttrib(elm, 'rev')); | ||||
| setFormValue('charset', inst.dom.getAttrib(elm, 'charset')); | ||||
| setFormValue('hreflang', inst.dom.getAttrib(elm, 'hreflang')); | ||||
| setFormValue('dir', inst.dom.getAttrib(elm, 'dir')); | ||||
| setFormValue('lang', inst.dom.getAttrib(elm, 'lang')); | ||||
| setFormValue('tabindex', inst.dom.getAttrib(elm, 'tabindex', typeof(elm.tabindex) != "undefined" ? elm.tabindex : "")); | ||||
| setFormValue('accesskey', inst.dom.getAttrib(elm, 'accesskey', typeof(elm.accesskey) != "undefined" ? elm.accesskey : "")); | ||||
| setFormValue('type', inst.dom.getAttrib(elm, 'type')); | ||||
| setFormValue('onfocus', inst.dom.getAttrib(elm, 'onfocus')); | ||||
| setFormValue('onblur', inst.dom.getAttrib(elm, 'onblur')); | ||||
| setFormValue('onclick', onclick); | ||||
| setFormValue('ondblclick', inst.dom.getAttrib(elm, 'ondblclick')); | ||||
| setFormValue('onmousedown', inst.dom.getAttrib(elm, 'onmousedown')); | ||||
| setFormValue('onmouseup', inst.dom.getAttrib(elm, 'onmouseup')); | ||||
| setFormValue('onmouseover', inst.dom.getAttrib(elm, 'onmouseover')); | ||||
| setFormValue('onmousemove', inst.dom.getAttrib(elm, 'onmousemove')); | ||||
| setFormValue('onmouseout', inst.dom.getAttrib(elm, 'onmouseout')); | ||||
| setFormValue('onkeypress', inst.dom.getAttrib(elm, 'onkeypress')); | ||||
| setFormValue('onkeydown', inst.dom.getAttrib(elm, 'onkeydown')); | ||||
| setFormValue('onkeyup', inst.dom.getAttrib(elm, 'onkeyup')); | ||||
| setFormValue('target', inst.dom.getAttrib(elm, 'target')); | ||||
| setFormValue('classes', inst.dom.getAttrib(elm, 'class')); | ||||
| // Parse onclick data | ||||
| if (onclick != null && onclick.indexOf('window.open') != -1) | ||||
| parseWindowOpen(onclick); | ||||
| else | ||||
| parseFunction(onclick); | ||||
| // Select by the values | ||||
| selectByValue(formObj, 'dir', inst.dom.getAttrib(elm, 'dir')); | ||||
| selectByValue(formObj, 'rel', inst.dom.getAttrib(elm, 'rel')); | ||||
| selectByValue(formObj, 'rev', inst.dom.getAttrib(elm, 'rev')); | ||||
| selectByValue(formObj, 'linklisthref', href); | ||||
| if (href.charAt(0) == '#') | ||||
| selectByValue(formObj, 'anchorlist', href); | ||||
| addClassesToList('classlist', 'advlink_styles'); | ||||
| selectByValue(formObj, 'classlist', inst.dom.getAttrib(elm, 'class'), true); | ||||
| selectByValue(formObj, 'targetlist', inst.dom.getAttrib(elm, 'target'), true); | ||||
| } else | ||||
| addClassesToList('classlist', 'advlink_styles'); | ||||
| } | ||||
| function checkPrefix(n) { | ||||
| if (n.value && Validator.isEmail(n) && !/^\s*mailto:/i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_email'))) | ||||
| n.value = 'mailto:' + n.value; | ||||
| if (/^\s*www./i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_external'))) | ||||
| n.value = 'http://' + n.value; | ||||
| } | ||||
| function setFormValue(name, value) { | ||||
| document.forms[0].elements[name].value = value; | ||||
| } | ||||
| function parseWindowOpen(onclick) { | ||||
| var formObj = document.forms[0]; | ||||
| // Preprocess center code | ||||
| if (onclick.indexOf('return false;') != -1) { | ||||
| formObj.popupreturn.checked = true; | ||||
| onclick = onclick.replace('return false;', ''); | ||||
| } else | ||||
| formObj.popupreturn.checked = false; | ||||
| var onClickData = parseLink(onclick); | ||||
| if (onClickData != null) { | ||||
| formObj.ispopup.checked = true; | ||||
| setPopupControlsDisabled(false); | ||||
| var onClickWindowOptions = parseOptions(onClickData['options']); | ||||
| var url = onClickData['url']; | ||||
| formObj.popupname.value = onClickData['target']; | ||||
| formObj.popupurl.value = url; | ||||
| formObj.popupwidth.value = getOption(onClickWindowOptions, 'width'); | ||||
| formObj.popupheight.value = getOption(onClickWindowOptions, 'height'); | ||||
| formObj.popupleft.value = getOption(onClickWindowOptions, 'left'); | ||||
| formObj.popuptop.value = getOption(onClickWindowOptions, 'top'); | ||||
| if (formObj.popupleft.value.indexOf('screen') != -1) | ||||
| formObj.popupleft.value = "c"; | ||||
| if (formObj.popuptop.value.indexOf('screen') != -1) | ||||
| formObj.popuptop.value = "c"; | ||||
| formObj.popuplocation.checked = getOption(onClickWindowOptions, 'location') == "yes"; | ||||
| formObj.popupscrollbars.checked = getOption(onClickWindowOptions, 'scrollbars') == "yes"; | ||||
| formObj.popupmenubar.checked = getOption(onClickWindowOptions, 'menubar') == "yes"; | ||||
| formObj.popupresizable.checked = getOption(onClickWindowOptions, 'resizable') == "yes"; | ||||
| formObj.popuptoolbar.checked = getOption(onClickWindowOptions, 'toolbar') == "yes"; | ||||
| formObj.popupstatus.checked = getOption(onClickWindowOptions, 'status') == "yes"; | ||||
| formObj.popupdependent.checked = getOption(onClickWindowOptions, 'dependent') == "yes"; | ||||
| buildOnClick(); | ||||
| } | ||||
| } | ||||
| function parseFunction(onclick) { | ||||
| var formObj = document.forms[0]; | ||||
| var onClickData = parseLink(onclick); | ||||
| // TODO: Add stuff here | ||||
| } | ||||
| function getOption(opts, name) { | ||||
| return typeof(opts[name]) == "undefined" ? "" : opts[name]; | ||||
| } | ||||
| function setPopupControlsDisabled(state) { | ||||
| var formObj = document.forms[0]; | ||||
| formObj.popupname.disabled = state; | ||||
| formObj.popupurl.disabled = state; | ||||
| formObj.popupwidth.disabled = state; | ||||
| formObj.popupheight.disabled = state; | ||||
| formObj.popupleft.disabled = state; | ||||
| formObj.popuptop.disabled = state; | ||||
| formObj.popuplocation.disabled = state; | ||||
| formObj.popupscrollbars.disabled = state; | ||||
| formObj.popupmenubar.disabled = state; | ||||
| formObj.popupresizable.disabled = state; | ||||
| formObj.popuptoolbar.disabled = state; | ||||
| formObj.popupstatus.disabled = state; | ||||
| formObj.popupreturn.disabled = state; | ||||
| formObj.popupdependent.disabled = state; | ||||
| setBrowserDisabled('popupurlbrowser', state); | ||||
| } | ||||
| function parseLink(link) { | ||||
| link = link.replace(new RegExp(''', 'g'), "'"); | ||||
| var fnName = link.replace(new RegExp("\\s*([A-Za-z0-9\.]*)\\s*\\(.*", "gi"), "$1"); | ||||
| // Is function name a template function | ||||
| var template = templates[fnName]; | ||||
| if (template) { | ||||
| // Build regexp | ||||
| var variableNames = template.match(new RegExp("'?\\$\\{[A-Za-z0-9\.]*\\}'?", "gi")); | ||||
| var regExp = "\\s*[A-Za-z0-9\.]*\\s*\\("; | ||||
| var replaceStr = ""; | ||||
| for (var i=0; i<variableNames.length; i++) { | ||||
| // Is string value | ||||
| if (variableNames[i].indexOf("'${") != -1) | ||||
| regExp += "'(.*)'"; | ||||
| else // Number value | ||||
| regExp += "([0-9]*)"; | ||||
| replaceStr += "$" + (i+1); | ||||
| // Cleanup variable name | ||||
| variableNames[i] = variableNames[i].replace(new RegExp("[^A-Za-z0-9]", "gi"), ""); | ||||
| if (i != variableNames.length-1) { | ||||
| regExp += "\\s*,\\s*"; | ||||
| replaceStr += "<delim>"; | ||||
| } else | ||||
| regExp += ".*"; | ||||
| } | ||||
| regExp += "\\);?"; | ||||
| // Build variable array | ||||
| var variables = []; | ||||
| variables["_function"] = fnName; | ||||
| var variableValues = link.replace(new RegExp(regExp, "gi"), replaceStr).split('<delim>'); | ||||
| for (var i=0; i<variableNames.length; i++) | ||||
| variables[variableNames[i]] = variableValues[i]; | ||||
| return variables; | ||||
| } | ||||
| return null; | ||||
| } | ||||
| function parseOptions(opts) { | ||||
| if (opts == null || opts == "") | ||||
| return []; | ||||
| // Cleanup the options | ||||
| opts = opts.toLowerCase(); | ||||
| opts = opts.replace(/;/g, ","); | ||||
| opts = opts.replace(/[^0-9a-z=,]/g, ""); | ||||
| var optionChunks = opts.split(','); | ||||
| var options = []; | ||||
| for (var i=0; i<optionChunks.length; i++) { | ||||
| var parts = optionChunks[i].split('='); | ||||
| if (parts.length == 2) | ||||
| options[parts[0]] = parts[1]; | ||||
| } | ||||
| return options; | ||||
| } | ||||
| function buildOnClick() { | ||||
| var formObj = document.forms[0]; | ||||
| if (!formObj.ispopup.checked) { | ||||
| formObj.onclick.value = ""; | ||||
| return; | ||||
| } | ||||
| var onclick = "window.open('"; | ||||
| var url = formObj.popupurl.value; | ||||
| onclick += url + "','"; | ||||
| onclick += formObj.popupname.value + "','"; | ||||
| if (formObj.popuplocation.checked) | ||||
| onclick += "location=yes,"; | ||||
| if (formObj.popupscrollbars.checked) | ||||
| onclick += "scrollbars=yes,"; | ||||
| if (formObj.popupmenubar.checked) | ||||
| onclick += "menubar=yes,"; | ||||
| if (formObj.popupresizable.checked) | ||||
| onclick += "resizable=yes,"; | ||||
| if (formObj.popuptoolbar.checked) | ||||
| onclick += "toolbar=yes,"; | ||||
| if (formObj.popupstatus.checked) | ||||
| onclick += "status=yes,"; | ||||
| if (formObj.popupdependent.checked) | ||||
| onclick += "dependent=yes,"; | ||||
| if (formObj.popupwidth.value != "") | ||||
| onclick += "width=" + formObj.popupwidth.value + ","; | ||||
| if (formObj.popupheight.value != "") | ||||
| onclick += "height=" + formObj.popupheight.value + ","; | ||||
| if (formObj.popupleft.value != "") { | ||||
| if (formObj.popupleft.value != "c") | ||||
| onclick += "left=" + formObj.popupleft.value + ","; | ||||
| else | ||||
| onclick += "left='+(screen.availWidth/2-" + (formObj.popupwidth.value/2) + ")+',"; | ||||
| } | ||||
| if (formObj.popuptop.value != "") { | ||||
| if (formObj.popuptop.value != "c") | ||||
| onclick += "top=" + formObj.popuptop.value + ","; | ||||
| else | ||||
| onclick += "top='+(screen.availHeight/2-" + (formObj.popupheight.value/2) + ")+',"; | ||||
| } | ||||
| if (onclick.charAt(onclick.length-1) == ',') | ||||
| onclick = onclick.substring(0, onclick.length-1); | ||||
| onclick += "');"; | ||||
| if (formObj.popupreturn.checked) | ||||
| onclick += "return false;"; | ||||
| // tinyMCE.debug(onclick); | ||||
| formObj.onclick.value = onclick; | ||||
| if (formObj.href.value == "") | ||||
| formObj.href.value = url; | ||||
| } | ||||
| function setAttrib(elm, attrib, value) { | ||||
| var formObj = document.forms[0]; | ||||
| var valueElm = formObj.elements[attrib.toLowerCase()]; | ||||
| var dom = tinyMCEPopup.editor.dom; | ||||
| if (typeof(value) == "undefined" || value == null) { | ||||
| value = ""; | ||||
| if (valueElm) | ||||
| value = valueElm.value; | ||||
| } | ||||
| // Clean up the style | ||||
| if (attrib == 'style') | ||||
| value = dom.serializeStyle(dom.parseStyle(value)); | ||||
| dom.setAttrib(elm, attrib, value); | ||||
| } | ||||
| function getAnchorListHTML(id, target) { | ||||
| var inst = tinyMCEPopup.editor; | ||||
| var nodes = inst.dom.select('a.mceItemAnchor,img.mceItemAnchor'), name, i; | ||||
| var html = ""; | ||||
| html += '<select id="' + id + '" name="' + id + '" class="mceAnchorList" o2nfocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target + '.value='; | ||||
| html += 'this.options[this.selectedIndex].value;">'; | ||||
| html += '<option value="">---</option>'; | ||||
| for (i=0; i<nodes.length; i++) { | ||||
| if ((name = inst.dom.getAttrib(nodes[i], "name")) != "") | ||||
| html += '<option value="#' + name + '">' + name + '</option>'; | ||||
| } | ||||
| html += '</select>'; | ||||
| return html; | ||||
| } | ||||
| function insertAction() { | ||||
| var inst = tinyMCEPopup.editor; | ||||
| var elm, elementArray, i; | ||||
| elm = inst.selection.getNode(); | ||||
| checkPrefix(document.forms[0].href); | ||||
| elm = inst.dom.getParent(elm, "A"); | ||||
| // Remove element if there is no href | ||||
| if (!document.forms[0].href.value) { | ||||
| tinyMCEPopup.execCommand("mceBeginUndoLevel"); | ||||
| i = inst.selection.getBookmark(); | ||||
| inst.dom.remove(elm, 1); | ||||
| inst.selection.moveToBookmark(i); | ||||
| tinyMCEPopup.execCommand("mceEndUndoLevel"); | ||||
| tinyMCEPopup.close(); | ||||
| return; | ||||
| } | ||||
| tinyMCEPopup.execCommand("mceBeginUndoLevel"); | ||||
| // Create new anchor elements | ||||
| if (elm == null) { | ||||
| tinyMCEPopup.execCommand("CreateLink", false, "#mce_temp_url#", {skip_undo : 1}); | ||||
| elementArray = tinymce.grep(inst.dom.select("a"), function(n) {return inst.dom.getAttrib(n, 'href') == '#mce_temp_url#';}); | ||||
| for (i=0; i<elementArray.length; i++) | ||||
| setAllAttribs(elm = elementArray[i]); | ||||
| } else | ||||
| setAllAttribs(elm); | ||||
| // Don't move caret if selection was image | ||||
| if (elm.childNodes.length != 1 || elm.firstChild.nodeName != 'IMG') { | ||||
| inst.focus(); | ||||
| inst.selection.select(elm); | ||||
| inst.selection.collapse(0); | ||||
| tinyMCEPopup.storeSelection(); | ||||
| } | ||||
| tinyMCEPopup.execCommand("mceEndUndoLevel"); | ||||
| tinyMCEPopup.close(); | ||||
| } | ||||
| function setAllAttribs(elm) { | ||||
| var formObj = document.forms[0]; | ||||
| var href = formObj.href.value; | ||||
| var target = getSelectValue(formObj, 'targetlist'); | ||||
| setAttrib(elm, 'href', href); | ||||
| setAttrib(elm, 'title'); | ||||
| setAttrib(elm, 'target', target == '_self' ? '' : target); | ||||
| setAttrib(elm, 'id'); | ||||
| setAttrib(elm, 'style'); | ||||
| setAttrib(elm, 'class', getSelectValue(formObj, 'classlist')); | ||||
| setAttrib(elm, 'rel'); | ||||
| setAttrib(elm, 'rev'); | ||||
| setAttrib(elm, 'charset'); | ||||
| setAttrib(elm, 'hreflang'); | ||||
| setAttrib(elm, 'dir'); | ||||
| setAttrib(elm, 'lang'); | ||||
| setAttrib(elm, 'tabindex'); | ||||
| setAttrib(elm, 'accesskey'); | ||||
| setAttrib(elm, 'type'); | ||||
| setAttrib(elm, 'onfocus'); | ||||
| setAttrib(elm, 'onblur'); | ||||
| setAttrib(elm, 'onclick'); | ||||
| setAttrib(elm, 'ondblclick'); | ||||
| setAttrib(elm, 'onmousedown'); | ||||
| setAttrib(elm, 'onmouseup'); | ||||
| setAttrib(elm, 'onmouseover'); | ||||
| setAttrib(elm, 'onmousemove'); | ||||
| setAttrib(elm, 'onmouseout'); | ||||
| setAttrib(elm, 'onkeypress'); | ||||
| setAttrib(elm, 'onkeydown'); | ||||
| setAttrib(elm, 'onkeyup'); | ||||
| // Refresh in old MSIE | ||||
| if (tinyMCE.isMSIE5) | ||||
| elm.outerHTML = elm.outerHTML; | ||||
| } | ||||
| function getSelectValue(form_obj, field_name) { | ||||
| var elm = form_obj.elements[field_name]; | ||||
| if (!elm || elm.options == null || elm.selectedIndex == -1) | ||||
| return ""; | ||||
| return elm.options[elm.selectedIndex].value; | ||||
| } | ||||
| function getLinkListHTML(elm_id, target_form_element, onchange_func) { | ||||
| if (typeof(tinyMCELinkList) == "undefined" || tinyMCELinkList.length == 0) | ||||
| return ""; | ||||
| var html = ""; | ||||
| html += '<select id="' + elm_id + '" name="' + elm_id + '"'; | ||||
| html += ' class="mceLinkList" onfoc2us="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target_form_element + '.value='; | ||||
| html += 'this.options[this.selectedIndex].value;'; | ||||
| if (typeof(onchange_func) != "undefined") | ||||
| html += onchange_func + '(\'' + target_form_element + '\',this.options[this.selectedIndex].text,this.options[this.selectedIndex].value);'; | ||||
| html += '"><option value="">---</option>'; | ||||
| for (var i=0; i<tinyMCELinkList.length; i++) | ||||
| html += '<option value="' + tinyMCELinkList[i][1] + '">' + tinyMCELinkList[i][0] + '</option>'; | ||||
| html += '</select>'; | ||||
| return html; | ||||
| // tinyMCE.debug('-- image list start --', html, '-- image list end --'); | ||||
| } | ||||
| function getTargetListHTML(elm_id, target_form_element) { | ||||
| var targets = tinyMCEPopup.getParam('theme_advanced_link_targets', '').split(';'); | ||||
| var html = ''; | ||||
| html += '<select id="' + elm_id + '" name="' + elm_id + '" onf2ocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target_form_element + '.value='; | ||||
| html += 'this.options[this.selectedIndex].value;">'; | ||||
| html += '<option value="_self">' + tinyMCEPopup.getLang('advlink_dlg.target_same') + '</option>'; | ||||
| html += '<option value="_blank">' + tinyMCEPopup.getLang('advlink_dlg.target_blank') + ' (_blank)</option>'; | ||||
| html += '<option value="_parent">' + tinyMCEPopup.getLang('advlink_dlg.target_parent') + ' (_parent)</option>'; | ||||
| html += '<option value="_top">' + tinyMCEPopup.getLang('advlink_dlg.target_top') + ' (_top)</option>'; | ||||
| for (var i=0; i<targets.length; i++) { | ||||
| var key, value; | ||||
| if (targets[i] == "") | ||||
| continue; | ||||
| key = targets[i].split('=')[0]; | ||||
| value = targets[i].split('=')[1]; | ||||
| html += '<option value="' + key + '">' + value + ' (' + key + ')</option>'; | ||||
| } | ||||
| html += '</select>'; | ||||
| return html; | ||||
| } | ||||
| // While loading | ||||
| preinit(); | ||||
| tinyMCEPopup.onInit.add(init); | ||||
