PHP-Fusion PHP Cross Reference Web Portal Systems

Source: /includes/jscripts/tiny_mce/plugins/advlink/js/advlink.js - 528 lines - 16706 bytes - Summary - Text - Print

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

title

Description

title

Description

title

Description

title

title

Body