About neohope

一直在努力,还没想过要放弃...

JQuery动态加载Table

用于在同一Table显示两级内容
点击一次,会用ajax从服务器加载json数据,并添加到该行下面
再点击一次,会利用name属性,删除对应的行

function ExpendPatient(srow,pid){
    var imgc = "#p"+pid+"imgc";
    var imgo = "#p"+pid+"imgo";

    if($(imgo).is(":visible"))
    {
        $(imgo).hide();
        $(imgc).show();
        
        delrows = document.getElementsByName("p"+pid+"study");
        for (var i=0;i<delrows.length;i++) 
        {
            delrows&#91;i&#93;.parentNode.removeChild(delrows&#91;i&#93;);
        }
        return;
    }
    $(imgc).hide();
    $(imgo).show();
    
    aurl="xxxxxxxxxxxx?patPk="+pid;
    try
    {
        $.ajax({
          url: aurl,
          dataType: 'json',
          error: function(XMLHttpRequest, textStatus, errorThrown){
            alert('错误原因 ' + textStatus);
            alert('错误堆栈 ' + errorThrown);
            alert('返回字符 ' + XMLHttpRequest.responseText);
          },
          success: function(data) {
              $.each(data,function(i,record){
                  r = '<tr height="30" name="p'+pid+'study" onclick="DoSomeThing(this,'+record&#91;"pk"&#93;+');"&#93;';
                  r += '<td></td>';
                  r += '<td>'+record["a"]+'</td>';
                  r += '<td>'+record["b"]+'</td>';
                  r += '<td>'+record["c"]+'</td>';
                  r += '<td>'+record["d"]+'</td>';
                  r += '<td>'+record["e"]+'</td>';
                  r += '<td>'+record["f"]+'</td>';
                  r += "</tr>";
                  $(srow).after(r);
              });
          }
        });
    }
    catch(e)
    {
        alert(e);
    }
}

JS全选CheckBox

//type=1 全选
//type=2 全不选
//type=3 反选
function selectAll(form, type) 
{
	var elems = form.elements;
	for ( var i = 0 ; i < elems.length ; i++ ) 
	{
		var e = elems[i];
		if(e.type == 'checkbox')
		{
			switch(iType)
			{
			case 1:
				e.checked = true;
				break;
			case 2:
				e.checked = false;
				break;
			case 3:
				e.checked = !(e.checked);
				break;
			}
		}
	}
}

function   checkAll()
{
	var elems=document.getElementsByTagName( "INPUT ");
	for(i=0;i<elems.length;i++)
	{
		var e = elems[i];
		if(e.type.toLowerCase()== "checkbox ")e.checked=true;
	}    
} 

JQuery实现li菜单

$(function() {
	var ctrl = document.getElementById("mainframe");
	var $div_li = $("div.div_header ul li");
	$div_li.click(function() {
		var index = $div_li.index(this);
		
		if (index != 4){
			$("li.selected").removeClass( "selected" );
			$(this).addClass("selected");
		}
		
		if (index == 0) {ctrl.src = "";} 
		else if (index == 1) {ctrl.src = "";} 
		else if (index == 2) {ctrl.src = "";}
		else if (index == 3) {ctrl.src = "";} 
		else if (index == 4) {window.location.href = "logout.jsp";}
	}).hover(function() {
		$(this).addClass("hover");
	}, function() {
		$(this).removeClass("hover");
	});
});

JS对话框


alert("你好");

if(confirm(你现在快乐吗?)){
	alert("真为你高兴");
}
else
{
	alert("没关系,都会好起来的,对自己好一些");
}

var m=window.prompt("你今年几岁了啊");
alert("你今年"+m+"岁了");

JS单双色表格

//id,颜色a,颜色b
function DColorTable(tid, colora, colorb)
{
	var ctrl = document.getElementById(tid);
	if(ctrl==null)return;
	
	var trs = ctrl.getElementsByTagName("tr");
	
	for ( var i = 0; i < trs.length; i++)
	{
		trs[i].style.backgroundColor = (trs[i].sectionRowIndex % 2 == 0) ? colora : colorb;
	}
}

DColorTable("dcolorTable","#FFFFFF","#c6e1fd");

JQuery获取页面宽度及高度

//返回当前页面高度
function pageHeight(){
	if($.browser.msie){
		return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight :
		document.body.clientHeight;
	}else{
		return self.innerHeight;
	}
};



//返回当前页面宽度
function pageWidth(){
	if($.browser.msie){
		return document.compatMode == "CSS1Compat"? document.documentElement.clientWidth :
		document.body.clientWidth;
	}else{
		return self.innerWidth;
	}
};