JavaScript脚本

// 回车转Tab
function enterOperation2Tab()
{
    if (event.keyCode==13 && 
        event.srcElement.type!='button' && 
        event.srcElement.type!='submit' && 
        event.srcElement.type!='reset' && 
        event.srcElement.type!='textarea' && 
        event.srcElement.type!='')
     {
        event.keyCode=9;
     }
}

// 禁止F5刷新
function disableF5() {
    if (event.keyCode==116 || event.keyCode==122 ){
        event.keyCode=0;
        event.returnValue=false;
        return false;
    } 
}

// 禁止回退键
function disabledBackSpace()
{
        if (event.keyCode==8 ){
            event.keyCode=0;
            event.returnValue=false;
            return false;
        }
}

// 取消冒泡（IE？）
function cancelTextEvent()
{
        if(!event.srcElement.readOnly)
        {
	        if (event.keyCode==8) event.cancelBubble = true;
        }
}

    //屏蔽右键
    document.oncontextmenu=function(){
        return false;
    }

//只能输入数字
$("input[name='order_value']").focus(setOnlyNum);

function setOnlyNum() {
	$(this).css("ime-mode", "disabled");
	$(this).attr("t_value", "");
	$(this).attr("o_value", "");
	$(this).bind("dragenter",function(){
		return false;
	})
	$(this).keypress(function (){
		if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value
	}).keyup(function (){
		if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value
	}).blur(function (){
		if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}
		if(this.value.length == 0) this.value = "0";
	})
}

//表格元素修改ajax提交
<script type="text/javascript" src="${ctx}/commons/scripts/jquery.inputable.js">
</script>

<td align="right" nowrap="nowrap" class="order_value_td" id="${cur.id}">${cur.order_value}</td>

	$("td.order_value_td").inputable({
		inputName : "order_value", 
		inputMaxLength : 4,
		inputStyle : {color:"#F00",border:"1px solid #0099FF","text-align":"right","padding-right":"3px",width:"35px"},
		url : '../manager/ArticleImg.do?method=updateOrderValue',
		loadingPath	: '${ctx}/styles/admin/images/loading.gif',
		paramProps : ['id'],
		onSuccess : function(){
			$("<div id=\"tip\" style='position:absolute;top:150px;right:10px;border:1px solid green;padding:10px;background-color:#FFF;color:green;'>^_^ 恭喜您！数据提交成功！</div>").appendTo("body");
		},
		onError : function(){
			$("<div id=\"tip\" style='position:absolute;top:150px;right:10px;border:1px solid red;padding:10px;background-color:#FFF;color:green;'>Y_Y 很抱歉！数据提交出错，请重新编辑！</div>").appendTo("body");
		}
	}).click(function(){$("#tip").remove();});

//图片预览
<script type="text/javascript" src="${ctx}/commons/scripts/imgpreview.0.22.js"></script>

<td align="left" nowrap="nowrap" style="text-overflow:ellipsis;overflow:hidden;"><a class="preview" href="ArticleImg.do?method=view&id=${cur.id}&mod_id=${af.map.mod_id}" rel="${ctx}/${fn:substringBefore(cur.image_path, '.')}_400.jpg" title="${fn:escapeXml(cur.title)}">${fn:escapeXml(cur.title)}</a></td>

	$('a.preview').imgPreview({
		containerID: 'imgPreviewWithStyles',
		srcAttr: 'rel',
		imgCSS: {
			// Limit preview size:
			// height: 200,
			width: 300
		},
		// When container is shown:
		onShow: function(link){
			$('<span>' + link.title.replace("<", "<").replace(">", ">") + '</span>').appendTo(this);
		},
		// When container hides: 
		onHide: function(link){
			$('span', this).remove();
		}
	});

//textarea自动变高度 IE支持，FF不支持
textarea {
	width: 79%;
	overflow-y: hidden;
	background: transparent;
}

<html-el:textarea property="shop_desc" styleId="entpShop_shop_desc" />
              <div style="display:none;font-size:12px;color:#F00;">注：不可超过1000个中文字符！</div>

$("textarea[name='shop_desc']").focus(function(){$(this).next().slideDown("normal");}).blur(function(){$(this).next().slideUp("normal");});

	$("textarea").each(function(){
		this.onpropertychange = function () {
			if (this.scrollHeight > 16) this.style.posHeight = this.scrollHeight;
		};
	});


// IE，Firefox都支持的textarea自动变高度代码
<html-el:textarea property="pay_comment" cols="5" styleId="pay_comment" style="width:50%;"/>

<script type="text/javascript" src="${ctx}/commons/scripts/jquery.js"></script>
<script type="text/javascript" src="${ctx}/commons/scripts/textAreaAutoHeight.js"></script>
	$("#pay_comment").attr("dataType", "Limit").attr("max", "130").attr("msg", "备注不能超过130个文字");

	// TextArea自动变高度（兼容IE，Firefox）
	textAreaAutoHeight(document.getElementById("pay_comment"));

//javascript进度条
.border_bar {
	background-color:#FFF;
	border: #104a7b 1px solid;
	padding: 1 0 1 0;
	height: 6px;
}
.color_bar {
	height:5px;
	margin-top: 1px;
	font-size: 1px;
	background-color: #76D769;
	float:left;
}

<div class="border_bar">
    <div class="color_bar" style="width: ${p}"></div>
</div>

<a onclick="$('.container').scrollTop(0);return false;" href="javascript:;">↑回到顶部</a>