personphotomanage.js

一些Acjax的控件简单应用学习实例

// JScript 文件
//用于管理人员的照片，包括上传照片，删除照片，浏览照片等
var photosrc;
var selectPhotoId;
var personId=window.parent.location.href.split("=")[1];
function changePhoto(elm){
   src=elm.value;
   var td=document.createElement("td");
   td.style.width="200px";
 }

function GetArgsFromHref(sHref,sArgName)
{
     var args=sHref.split("?");
     var retval="";
     if(args[0]== sHref) /*参数为空*/
     {
     return retval; /*无需做任何处理*/
     } 
     var str=args[1];
     args=str.split("&");
     for(var i=0; i<args.length;i++)
     {
         str = args[i];
         var arg = str.split("=");
         if(arg.length <= 1) continue;
         if(arg[0]==sArgName) retval=arg[1]; 
     }
     return retval;
}

 function select(elm){
  selectPhotoId=elm.id;
  photosrc=elm.src;
  for(var i=0;i<document.getElementsByTagName('img').length;i++){
      if(document.getElementsByTagName('img')[i].id)
         document.getElementsByTagName('img')[i].style.filter="Alpha(Opacity=100)";
  }
  //elm.style.filter="Alpha(Opacity=75);"
  setFilter(elm);
 }
 function setFilter(elm){
   if(elm.style.filter=="Alpha(Opacity=65)")
     elm.style.filter="Alpha(Opacity=100)";
   else
     elm.style.filter="Alpha(Opacity=65)"
 }
 function openDialog(){ 
  // alert(photosrc);
   if(photosrc!=undefined)
    window.open(photosrc,null,800,600);
   else 
    alert("请单击选择图片");
 }
 function delPhoto(type){
   if(selectPhotoId!=undefined){
   var url="deletePhoto.aspx?type="+type+"&photoid="+selectPhotoId;
   var xmlhttp=new Ajax.Request(url, {
		method:"get", parameters:null, onComplete:function(res){
	        var content=res.responseText;
	        dealAjaxMethod(content)
		}						
 });
}
else
 alert("请单击选择要删除的照片"); 
 }
 function dealAjaxMethod(content){
   if(content=='success'){
   alert("删除成功");
   var node=document.getElementById(selectPhotoId);
   node.parentNode.parentNode.removeChild(node.parentNode);
   }
   else
   alert(content);
 }
   function openModelDiag(type)
     {
   var GoUrl=window.location.href;
   var orgid=GetArgsFromHref(GoUrl,"personId");
   //alert(orgid);
   var retrun=openModalDialog('AddPersonPhoto.aspx?type='+type+'&personId='+personId,null,450,400);
   if(retrun){
   var str='<img id="'+retrun+'" src="ViewPhoto.aspx?id='+retrun+'" onclick="select(this);" ondblclick="window.open(this.src,null,800,600);"  Width="200px" />';
    var i=document.getElementsByTagName('img').length;
      if(document.getElementsByTagName('img')[i-1].id)
   var parentNode1=document.getElementsByTagName('img')[i-1].parentNode.parentNode;
   var newNode=document.createElement('td');
   newNode.innerHTML=str;
   if(i!=4){
       if(i%4==0){ 
        var parentNode=document.getElementById('dlPhotos').childNodes[0];
        var row=parentNode.insertRow();//.createElement('tr');
        var cel=row.insertCell();
        cel.innerHTML=str;
        }
        else{
        parentNode1.appendChild(newNode);
       //window.location.reload();
       }
   }
   else{
   //window.parent.frames['mainFrame'].document.location.href
  // window.parent.frames[1].location.reload();
  // alert(window.parent.frames['mainFrame']);
    window.parent.frames['mainFrame'].document.location.href=window.parent.frames['mainFrame'].document.location.href;
   }
   }
}