ygddlist.js

几个JavaScript范例程序.包括搜索,聊天,上传进度等.

/* Copyright (c) 2006 Yahoo! Inc. All rights reserved. */

/**
 * @class a YAHOO.util.DDProxy implementation. During the drag over event, the
 * dragged element is inserted before the dragged-over element.
 *
 * @extends YAHOO.util.DDProxy
 * @constructor
 * @param {String} id the id of the linked element
 * @param {String} sGroup the group of related DragDrop objects
 */
function ygDDList(id, sGroup) {

	if (id) {
		this.init(id, sGroup);
		this.initFrame();
		this.logger = new ygLogger("ygDDList");
	}

	var s = this.getDragEl().style;
	s.borderColor = "transparent";
	s.backgroundColor = "#f6f5e5";
	s.opacity = 0.76;
	s.filter = "alpha(opacity=76)";
	//var req;
}

ygDDList.prototype = new YAHOO.util.DDProxy();

ygDDList.prototype.startDrag = function(x, y) {
	this.logger.debug(this.id + " startDrag");

	var dragEl = this.getDragEl();
	var clickEl = this.getEl();

	dragEl.innerHTML = clickEl.innerHTML;
	dragEl.className = clickEl.className;
	dragEl.style.color = clickEl.style.color;
	dragEl.style.border = "1px solid blue";

};

ygDDList.prototype.endDrag = function(e) {
	// disable moving the linked element
};

ygDDList.prototype.onDrag = function(e, id) {
    
};

ygDDList.prototype.onDragOver = function(e, id) {
	// this.logger.debug(this.id.toString() + " onDragOver " + id);
	var el;
    
    if ("string" == typeof id) {
        el = YAHOO.util.DDM.getElement(id);
    } else { 
        el = YAHOO.util.DDM.getBestMatch(id).getEl();
    }
		var el2 = this.getEl();
		var p = el.parentNode;
		p.insertBefore(el2, el);
};

ygDDList.prototype.onDragEnter = function(e, id) {
	// this.logger.debug(this.id.toString() + " onDragEnter " + id);
	// this.getDragEl().style.border = "1px solid #449629";
};

ygDDList.prototype.onDragOut = function(e, id) {
    // I need to know when we are over nothing
	// this.getDragEl().style.border = "1px solid #964428";
};
ygDDList.prototype.endDrag = function(e, id){
	this.logger.debug( " endDrag " +this.id.toString());
	this.changePostion();
};
ygDDList.prototype.changePostion = function() {
	this.logger.debug( " changePostion ");
	
	//var url = "homepage?action=change";
  //var leftElems = YAHOO.util.DDM.getElement("left").getElementsByTagName("div");
  
  var left=this.getResult("left");
  var right=this.getResult("right");
  var wide=this.getResult("wide");
  this.logger.debug( "left"+left);
  this.logger.debug( "right"+right);
  this.logger.debug( "wide"+wide);
  submitData("left="+left+"&wide="+wide+"&right="+right);
};
ygDDList.prototype.getResult = function( name ){
	var elems = YAHOO.util.DDM.getElement(name).getElementsByTagName("div");
  //this.logger.debug( leftElems.length);
  var result="";
  for (var i=0;i<elems.length;i++)
  {
  	var s = elems[i].getAttribute("id");
  	if (s.indexOf("portlet_all_")!=-1)
  	{
  		var ss=s.substring(s.indexOf("portlet_all_")+12);
  		var id =ss.substring(0,ss.lastIndexOf("_"));
  		result += id+",";
     }
  }
  return result;
}
/////////////////////////////////////////////////////////////////////////////

function ygDDListBoundary(id, sGroup) {
	if (id) {
		this.init(id, sGroup);
		this.logger = new ygLogger("ygDDListBoundary");
		this.isBoundary = true;
	}
}

ygDDListBoundary.prototype = new YAHOO.util.DDTarget();