addgoods.js

jsp实现的网上购物系统

function cal_ShowElement(){
    var i;
    for(i = 0;i < HideElementTemp.length; i++){
		var objTemp = HideElementTemp[i]
		if(!objTemp||!objTemp.offsetParent)
		continue;
		objTemp.style.visibility=''
    }
    HideElementTemp = new Array();
}

function cal_GetOffsetTop(src){
    var set = 0;
    if(src && src.name!="divMain"){
        if (src.offsetParent){
            set += src.offsetTop+cal_GetOffsetTop(src.offsetParent);
   }
 if(src.tagName.toUpperCase()!="BODY"){
     var y=parseInt(src.scrollTop,10);
     if(!isNaN(y))
  set-=y;
 }
    }
    return set;
}
var s = null
var x,y;
function move(){
	if(s != null){
		//cal_ShowElement();
		//cal_hideElementAll(s);
		s.style.top =  event.y - y + document.body.scrollTop - 5
		s.style.left = event.x - x + document.body.scrollLeft - 5
	}
	event.returnValue = false
}
function down(obj){

	s = obj
	if(window.event != null)
	{
		x = event.offsetX
		y = event.offsetY
	}
}
function up(obj){
	startX = event.x - event.offsetX - 2;
	startY = event.y //+ document.body.scrollTop;// - event.offsetY;
	currrentY = startY + document.body.scrollTop;
	//alert(event.y );
	//alert();
	//alert(event.offsetY);
	s = null
	//return;
	//alert(s.style.height)
	JSFX_FloatTopDiv();
}
//onmousemove="move()" onmousedown="down(this)" onmouseup="up(this)"
document.write('<div id="divStayTopLeft"  style="position:absolute;display:none;filter:alpha(opacity:50)"></div>')
function jssGoodsImage(inputHiddenID,showTableID)
{
	this.layDivTime = null;
	this.defaultImage = "images/Default_Pic_Small.gif";
	this.cellCount = 5;
	this.activeIndex = -1;
	this.maxImage = 20;
	this.droping = false;
	this.inputHidden = document.getElementById(inputHiddenID);
	this.showTable = document.getElementById(showTableID);
	this.imageUrlsByString();
	this.layerDiv = document.getElementById("divStayTopLeft");
}
jssGoodsImage.prototype.imageUrlsByString = function(url)
{
	this.imageUrls = this.inputHidden.value.split("|");
}
jssGoodsImage.prototype.stringByImageUrls = function(url)
{
	var re = "";
	for(var i = 0;i < this.imageUrls.length;i++)
	{
		if(this.imageUrls[i] != null)
		{
			re += this.imageUrls[i] + "|";
		}
	}
	if(re != "")
	{
		re = re.substring(0,re.length - 1);
	}
	this.inputHidden.value = re;
	this.imageUrlsByString();
}
jssGoodsImage.prototype.initShowTable = function()
{
	for(var i = 0;i < this.imageUrls.length;)
	{
		this.showTable.insertRow(-1);
		for(var j = 0;j < this.cellCount ;j++)
		{
			var rowIndex = this.showTable.rows.length - 1;
			this.showTable.rows[rowIndex].insertCell(-1);
			var cellIndex = this.showTable.rows[rowIndex].cells.length - 1;
			if(i < this.imageUrls.length)
			{
				this.initOneImage(this.showTable.rows[rowIndex].cells[cellIndex],this.imageUrls[i],i);
			}
			else
			{
				this.initOneImage(this.showTable.rows[rowIndex].cells[cellIndex],null,i,true);
			}
			i++;
		}
	}
	//alert(this.showTable.rows.length);
}
jssGoodsImage.prototype.clearImageTable = function()
{
	for(var i = this.showTable.rows.length - 1;i >=0 ;i--)
	{
		this.showTable.deleteRow(i);
	}
}
jssGoodsImage.prototype.mouseDown = function(img)
{
	if(!this.droping)
	{
		document.body.style.cursor = "move"
		this.activeIndex = img.index;
		this.droping = true;
		s = this.layerDiv;
		down(this.layerDiv)
		document.onmousemove = move;
		this.layerDiv.style.display = "";
		this.layerDiv.innerHTML = "<img src='" + img.src + "' width='" + img.width + "' height='" + img.height + "'/>";
		this.layerDiv.style.left = getLeft(img);
		this.layerDiv.style.top = getTop(img);
		img.style.filter = "alpha(opacity:50)";
	}
}
jssGoodsImage.prototype.mouseUp = function(img)
{
	document.body.style.cursor = ""
	divLeft = parseInt(this.layerDiv.style.left);
	var divTop = parseInt(this.layerDiv.style.top);
	document.onmousemove = null;
	if(img.toString() != "[object]")
	{
		img = document.getElementById(img)
	}
	if(this.activeIndex != img.index)return;
	var l = divLeft - getLeft(img);
	var t = divTop - getTop(img)
	
	if(Math.abs(l) > 30 || Math.abs(t) > 30)
	{
		if(l > 0)
		{
			this.layerDiv.style.left = (divLeft - Math.abs(l) / 2);
		}
		else
		{
			this.layerDiv.style.left = (divLeft + Math.abs(l) / 2);
		}
		
		if(t > 0)
		{
			this.layerDiv.style.top = (divTop - Math.abs(t) / 2);
		}
		else
		{
			this.layerDiv.style.top = (divTop + Math.abs(t) / 2);
		}
		this.layDivTime = setTimeout("cuImg.mouseUp('" + img.id + "')","10")
	}
	else
	{
		this.layerDiv.style.display = "none";
		clearTimeout(this.layDivTime);
		img.style.filter = "";
		this.droping = false;
	}
	//this.mouseUp(img,getLeft(img),getTop(img))
	//
	return;
}

jssGoodsImage.prototype.mouseMove = function(img)
{
	if(window.event)
	{
		event.returnValue = false;
	}
	return;
}
jssGoodsImage.prototype.mouseOver = function(img)
{
	//alert(1);
}
jssGoodsImage.prototype.initOneImage = function(td,url,index,isNoimage)
{
	td.width = (100 / this.cellCount) + "%";
	if(url == "" | url == null)
	{
		url = this.defaultImage;
		isNoimage = true;
	}
	var src = url;
	var disabled = "disabled";
	if(!isNoimage)
	{
		src = ".." + this.getSmallImageUrl(url);
		disabled = "";
	}
	if(isNoimage)
	{
		td.innerHTML = "<ul class='oneImage'><li><img id='cuImg" + index + "' bigSrc='" + url + "' onclick='getImage()' src='" + src + "' /></li><li><a " + disabled + " href='javascript:cuImg.deleteImage(" + index + ",\"" + disabled + "\")'>删除</a></li></ul>";
	}
	else
	{
		td.innerHTML = "<ul class='oneImage'><li><img ondragenter='alert(this.src)' onload='initGoodsImageSize(this)' index='" + index + "' bigSrc='" + url + "' alt='双击查看大图' ondblclick=\"javascript:open(this.bigSrc,'','')\" onmouseover='cuImg.mouseOver(this)' id='cuImg" + index + "' onmousemove='cuImg.mouseMove(this)' onmouseup='cuImg.mouseUp(this)' onmousedown='cuImg.mouseDown(this)' src='" + src + "' /></li><li><a " + disabled + " href='javascript:cuImg.deleteImage(" + index + ",\"" + disabled + "\")'>删除</a></li></ul>";
	}
	var cu = document.getElementById("cuImg" + index);
	if(cu != null)
	{
		cu.top  = getTop(cu);
		cu.left = getLeft(cu);
	}
}
function initGoodsImageSize(source)
{
	source.onload = null;
	var s = new Size(source.width,source.height);
	s = GetSizeForMax(s,90,90);
	source.width = s.Width;
	source.height = s.Height;
	//alert(source);
}
jssGoodsImage.prototype.deleteImage = function(index,disabled)
{
	if(disabled == "")
	{
		this.imageUrls[index] = null;
		this.stringByImageUrls();
		this.clearImageTable();
		this.initShowTable();
	}
}
jssGoodsImage.prototype.checkImageLength = function(isAlert)
{
	if(this.imageUrls.length >= this.maxImage)
	{
		if(isAlert)
		{
			alert("一个商品最多添加" + cuImg.maxImage + "个图片！");
		}
		return false;
	}
	return true;
}

jssGoodsImage.prototype.getSmallImageUrl = function(sourcePath)
{
	// /UploadFile/1.gif //ploadFile
	sourcePath = sourcePath.replace("\\", "/");
	var SmallImageDirectory = "small";
	var index = sourcePath.lastIndexOf(".");
	var index1 = sourcePath.lastIndexOf("/");
	var re = null;
	if (index1 != -1 && index != -1)
	{
		re = sourcePath.substring(0, index1) + "/" + SmallImageDirectory + sourcePath.substring(index1, index) + "s" + sourcePath.substring(index);
	}
	else
	{
		if(index != -1)
		{
			re = "/" + SmallImageDirectory + "/" +sourcePath.substring(0, index) + "s" + sourcePath.substring(index);
		}
	}
	return re;
}
var cuImg = null;
function initGoodsImages()
{
	cuImg = new jssGoodsImage(con["GoodsImages"],"goodsImagesTable");
	cuImg.initShowTable();
}
///
function getImage()
{
	switchShowPart('goodsImage',true)
	if(cuImg.checkImageLength(true))
	{
		open("../Editor/ftb.imagegallery.aspx?rif=-1&cif=-1&ftb=HtmlEditor2&isOp=1");
	}
}
function setImage(url)
{//GoodsImages goodsImages
	if(!cuImg.checkImageLength(true))return;
	var u = url.toLowerCase();
	for(var i  = 0;i < cuImg.imageUrls.length;i++)
	{
		if(cuImg.imageUrls[i].toLowerCase() == u)
		{
			return;
		}
	}
	if(cuImg.inputHidden.value != "")
	{
		cuImg.inputHidden.value += "|";
	}
	cuImg.inputHidden.value += url;
	cuImg.imageUrlsByString();
	cuImg.clearImageTable();
	cuImg.initShowTable();
	return;
	var o = document.getElementById(con["SmallImgUrl"]);
	if(o != null)
	{
		o.value = url;
	}
}
function switchExtend()
{
	var t = document.getElementById("extendTitle")
	var c = document.getElementById("extendContent")
	if(c.style.display == "")
	{
		c.style.display = "none";
		t.title = "点击显示扩展属性";
	}
	else
	{