sogo/UI/WebServerResources/HTMLElement.js

/* custom extensions to the DOM api */
Element.addMethods({

  addInterface: function(element, objectInterface) {
    element = $(element);
    Object.extend(element, objectInterface);
    if (element.bind)
      element.bind();
  },

  childNodesWithTag: function(element, tagName) {
    element = $(element);
    var matchingNodes = new Array();
    var tagName = tagName.toUpperCase();
    
    for (var i = 0; i < element.childNodes.length; i++) {
      if (typeof(element.childNodes[i]) == "object"
	  && element.childNodes[i].tagName
	  && element.childNodes[i].tagName.toUpperCase() == tagName)
	matchingNodes.push(element.childNodes[i]);
    }

    return matchingNodes;
  },

  getParentWithTagName: function(element, tagName) {
    element = $(element);
    var currentElement = element;
    tagName = tagName.toUpperCase();
    
    currentElement = currentElement.parentNode;
    while (currentElement
	   && currentElement.tagName != tagName) {
      currentElement = currentElement.parentNode;
    }
    
    return currentElement;
  },

  cascadeLeftOffset: function(element) {
    element = $(element);
    var currentElement = element;

    var offset = 0;
    while (currentElement) {
      offset += currentElement.offsetLeft;
      currentElement = $(currentElement).getParentWithTagName("div");
    }

    return offset;
  },

  cascadeTopOffset: function(element) {
    element = $(element);
    var currentElement = element;
    var offset = 0;
    
    var i = 0;
    
    while (currentElement && currentElement.tagName) {
      offset += currentElement.offsetTop;
      currentElement = currentElement.parentNode;
      i++;
    }
    
    return offset;
  },
 
  dump: function(element, additionalInfo, additionalKeys) {
    element = $(element);
    var id = element.getAttribute("id");
    var nclass = element.getAttribute("class");
    
    var str = element.tagName;
    if (id)
      str += "; id = " + id;
    if (nclass)
      str += "; class = " + nclass;
    
    if (additionalInfo)
      str += "; " + additionalInfo;
    
    if (additionalKeys)
      for (var i = 0; i < additionalKeys.length; i++) {
	var value = element.getAttribute(additionalKeys[i]);
	if (value)
	  str += "; " + additionalKeys[i] + " = " + value;
      }
    
    log (str);
  },

  getSelectedNodes: function(element) {
    element = $(element);
    var selArray = new Array();
    
    for (var i = 0; i < element.childNodes.length; i++) {
      node = element.childNodes.item(i);
      if (node.nodeType == 1
	  && isNodeSelected(node))
	selArray.push(node);
    }
    
    return selArray;
  },

  getSelectedNodesId: function(element) {
    element = $(element);
    var selArray = new Array();
    
    for (var i = 0; i < element.childNodes.length; i++) {
      node = element.childNodes.item(i);
      if (node.nodeType == 1
	  && isNodeSelected(node)) {
	selArray.push(node.getAttribute("id")); }
    }

    return selArray;
  },

  onContextMenu: function(element, event) {
    element = $(element);
    var popup = element.sogoContextMenu;

    if (document.currentPopupMenu)
      hideMenu(document.currentPopupMenu);
    
    var menuTop = Event.pointerY(event);
    var menuLeft = Event.pointerX(event);
    var heightDiff = (window.height()
		      - (menuTop + popup.offsetHeight));
    if (heightDiff < 0)
      menuTop += heightDiff;
    
    var leftDiff = (window.width()
		    - (menuLeft + popup.offsetWidth));
    if (leftDiff < 0)
      menuLeft -= popup.offsetWidth;

    if (popup.prepareVisibility)
      popup.prepareVisibility();

    popup.setStyle( { top: menuTop + "px",
		      left: menuLeft + "px",
		      visibility: "visible" } );
    
    document.currentPopupMenu = popup;
    Event.observe(document.body, "click", onBodyClickMenuHandler);
  },

  attachMenu: function(element, menuName) {
    element = $(element);
    element.sogoContextMenu = $(menuName);
    Event.observe(element, "contextmenu",
		  element.onContextMenu.bindAsEventListener(element));
  },

  selectElement: function(element) {
    element = $(element);
    element.addClassName('_selected');
  },

  selectRange: function(element, startIndex, endIndex) {
    element = $(element);
    var s;
    var e;
    var rows;

    if (startIndex > endIndex) {
      s = endIndex;
      e = startIndex;
    }
    else {
      s = startIndex;
      e = endIndex;
    }
    if (element.tagName == 'UL')
      rows = element.getElementsByTagName('LI');
    else
      rows = element.getElementsByTagName('TR');
    while (s <= e) {
      if (rows[s].nodeType == 1)
	$(rows[s]).selectElement();
      s++;
    }
  },

  deselect: function(element) {
    element = $(element);
    element.removeClassName('_selected');
  },

  deselectAll: function(element) {
    element = $(element);
    for (var i = 0; i < element.childNodes.length; i++) {
      var node = element.childNodes.item(i);
      if (node.nodeType == 1)
	$(node).deselect();
    }
  },

  setCaretTo: function(element, pos) { 
    element = $(element);
    if (element.selectionStart) {        // For Mozilla and Safari
      element.focus(); 
      element.setSelectionRange(pos, pos); 
    }
    else if (element.createTextRange) {  // For IE
      var range = element.createTextRange(); 
      range.move("character", pos); 
      range.select();
    } 
  },

  selectText: function(element, start, end) {
    element = $(element);
    if (element.setSelectionRange) {     // For Mozilla and Safari
      element.setSelectionRange(start, end);
    }
    else if (element.createTextRange) {  // For IE
      var textRange = element.createTextRange();
      textRange.moveStart("character", start);
      textRange.moveEnd("character", end-element.value.length);
      textRange.select();
    }
    else {
      element.select();
    }
  },

  getRadioValue: function(element, radioName) {
    element = $(element);
    var radioValue;
    Form.getInputs(element, 'radio', radioName).each(function(input) {
	if (input.checked)
	  radioValue = input.value;
      });
    return radioValue;
  },

  setRadioValue: function(element, radioName, value) {
    element = $(element);
    var i = 0;

    Form.getInputs(element, 'radio', radioName).each(function(input) {
      if (i == value)
	input.checked = 1;
      i++;
      });
  },

  getCheckBoxListValues: function(element, checkboxName) {
    element = $(element);
    var values = new Array();
    var i = 0;

    Form.getInputs(element, 'checkbox', checkboxName).each(function(input) {
	if (input.checked)
	  values.push(i+1);
	
	i++;
      });
    return values.join(",");
  },

  setCheckBoxListValues: function(element, checkboxName, values) {
    element = $(element);
    var v = values.split(',');
    var i = 1;

    Form.getInputs(element, 'checkbox', checkboxName).each(function(input) {
      
      if ($(v).indexOf(i+"") != -1)
	input.checked = 1;
      i++;
      });
  }

});