gdymtsceshi/WebContent/assets/lib/dynamic/custom.js

/**
 * 浏览器动态化效果及事件类
 * 除ie外其它浏览器采用box-shadow效果
 * ie采用filter
 * 
 * @author xiongbing
 * @date 2012-09-02
 * @version 1.0
 * 
 */
//-----------------------------------------------------------------------------
/*判断浏览器*/
var isIE = navigator.userAgent.toLowerCase().indexOf("msie") > -1;
//-----------------------------------------------------------------------------
/*定义鼠标悬停显示样式名称*/
var boxcss = "otherbox";
if(isIE){
	boxcss = "iebox";
}
//-----------------------------------------------------------------------------
/*添加鼠标悬停样式*/
//document.write("<style>.iebox {border: solid 1px #007EE8;margin: 1px;padding: 1px;background-color: #ffffff;zoom: 1;-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#007EE8');filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#007EE8');} .otherbox {/* Box-shadow code: */box-shadow: 2px 2px 5px #007EE8,-2px -2px 5px #007EE8;-webkit-box-shadow: 2px 2px 5px #007EE8,-2px -2px 5px #007EE8;-moz-box-shadow: 2px 2px 5px #007EE8,-2px -2px 5px #007EE8;} .tagiebox {border: solid 1px #FF0000;margin: 1px;padding: 1px;background-color: #ffffff;zoom: 1;-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#FF0000');filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#FF0000');} .tagotherbox {/* Box-shadow code: */box-shadow: 2px 2px 5px #FF0000,-2px -2px 5px #FF0000;-webkit-box-shadow: 2px 2px 5px #FF0000,-2px -2px 5px #FF0000;-moz-box-shadow: 2px 2px 5px #FF0000,-2px -2px 5px #FF0000;}</style>");
document.write("<style>.iebox {border: solid 1px #007EE8;} .otherbox {/* Box-shadow code: */box-shadow: 2px 2px 5px #007EE8,-2px -2px 5px #007EE8;-webkit-box-shadow: 2px 2px 5px #007EE8,-2px -2px 5px #007EE8;-moz-box-shadow: 2px 2px 5px #007EE8,-2px -2px 5px #007EE8;} .tagiebox {border: solid 1px #FF0000;} .tagotherbox {/* Box-shadow code: */box-shadow: 2px 2px 5px #FF0000,-2px -2px 5px #FF0000;-webkit-box-shadow: 2px 2px 5px #FF0000,-2px -2px 5px #FF0000;-moz-box-shadow: 2px 2px 5px #FF0000,-2px -2px 5px #FF0000;}</style>");

var $J = jQuery.noConflict();




$J(function() {
//-----------------------------------------------------------------------------
	/*取消A链接*/
	$J("a").click(function() {
        return false;
	});
//-----------------------------------------------------------------------------	
	/*鼠标悬停区域效果*/
	$J("table").add("div").add("ul").add("textarea").add("span").add("img").add("input:text").add("input:submit").add("select").add("input:button").add("dd").add("dt").add("select").bind("mouseover",function(event){
		if($J(this).attr("tag") && $J(this).attr("tag")!=""){
			
			$J(this).addClass("tag" + boxcss);
		}else{
			$J(this).addClass(boxcss);
		}
		event.stopPropagation();
	}).bind("mouseout",function(event){
		if($J(this).attr("tag") && $J(this).attr("tag")!=""){
			$J(this).removeClass("tag" + boxcss);
		}else{
			$J(this).removeClass(boxcss);
		}
		event.stopPropagation();
	});
//-----------------------------------------------------------------------------	
	/*双击事件*/
	$J("table").add("div").add("ul").add("textarea").add("span").add("a").add("input:text").add("input:submit").add("select").add("input:button").add("dd").add("dt").add("select").dblclick(function(event){
		var tagName = this.tagName;
		var tagType = "span";
		if(tagName.toLowerCase() == "a"){
			tagType = "alink";
		}else if(tagName.toLowerCase() == "table" || tagName.toLowerCase() == "div" || tagName.toLowerCase() == "ul" || tagName.toLowerCase() == "dl" ){
			tagType = "list";
		}
		var objid = $J(this).attr("objid");
		openFile1("setparam/p_setproperty.jsp?objid="+objid+"&type="+tagType,"615","1002");
		event.stopPropagation();
	});
//-----------------------------------------------------------------------------	
	/*添加菜单*/
	function setImg(obj){
		var objid = $J(obj).attr("objid");
	    openFile1("setparam/p_setproperty.jsp?objid="+objid+"&type=pic&w="+obj.width+"&h="+obj.height,"615","1002");
	}
	function editHTML(obj){
		var objid = $J(obj).attr("objid");
		openFile1("p_fileedit_part.jsp?objid="+objid,"650","980");
	}
	function clearHTML(obj){
		var objid = $J(obj).attr("objid");
	    window.open("setparam/p_clearparam.jsp?objid="+objid);
	    if(obj.tagName.toLowerCase()=="img"){
	    	var aTag = $J(obj).parent();
	    	if($J(aTag).attr("tagName").toLowerCase()=="a"&&$J(aTag).attr("tag")){
	    		if(confirm("是否需要清除外层链接动态化标签？")){
	    			window.open("setparam/p_clearparam.jsp?objid="+$J(aTag).attr("objid"));
	    		}
	    	}
	    }
	}
	var menu1 = [
	             {'编辑HTML':function(menuItem,menu) {editHTML(this);}},
	             $J.contextMenu.separator,
	             {'清除':function(menuItem,menu) {clearHTML(this);}}
	           ];
	var menu2 = [
	             {'设置图片':function(menuItem,menu) {setImg(this);}},
	             $J.contextMenu.separator,
	             {'编辑HTML':function(menuItem,menu) {editHTML(this);}},
	             $J.contextMenu.separator,
	             {'清除':function(menuItem,menu) {clearHTML(this);}}
	           ];
	$J("table").add("div").add("ul").add("SPAN").add("a").add("input:text").add("input:submit").add("input:button").add("dd").add("dt").add("select").contextMenu(menu1,{theme:'vista'});
	$J("IMG").contextMenu(menu2,{theme:'vista'});
//-----------------------------------------------------------------------------
	
});