弹出层

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>

<script type="text/javascript" src="js/jquery.qtip-1.0.0-rc3.js"></script>

 

使用 qtip 时，要注意：qtip 会全部复制一遍

 <input type="button" value="修改类型" class="updateType" οnclick="changeClass(this)"/>

 

var clas=document.getElementById("bianCla").innerHTML;
 document.getElementById("bianCla").innerHTML="";
 function changeClass(b){
  //销毁 qtip
  if($(document.body).data("qtip"))
   $(document.body).qtip("destroy");
  
  try{
   var kl="";
   for(var k=0;k<ary.length;k++){
    var s=ary[k].split(",");
    kl+=s[0]+",";
   }
   var stu=document.getElementById("foo_top").innerHTML; 
   if(ary.length==0){
    alert("请选择学生");
    return;
   }
  
   var foem="<form name=\"foss\" action=\"<%=request.getContextPath()%>/student/updateStudent!changeClass.action\" method=\"post\" οnsubmit=\"return yanbianNian()\" >";
   foem+=stu+"<br/><br/>";
   var cla= clas; 
   cla+=" 班级:<select  name=\"clas\" id=\"classIds\"><option value=\"请选择\">请选择</option></select>&nbsp;&nbsp;";
   foem+=cla;
   foem+="<input type=\"hidden\" value='"+kl+"' name=\"name\" />";
   foem+="<input type=\"submit\" value=\"提交\"  />";
   foem+="<br/><br/></form>";
   
   $(document.body).qtip({   
    content: {
     title: {
      text: '对话框',
      button: '关闭'
      
     },
     text:foem
    },
    position: {
     target: $(document.body), // 将其定位文本页面上
     corner: 'center' // 视口的中心处的
    },
    show: {
     when: 'click', // 单击显示
     delay:0,
     when: true, // Don't specify a show event
     ready: true, // Show the tooltip when ready
     solo: true

    },
    hide: false,
    style: {
     width: { max: 650 },
     padding: '14px',
     border: {
      width: 9,
      radius: 9,
      color: '#666666'
     },
     name: 'light'
    }
    
   });
   
  }catch(e){
   alert(e);
  }
  
 }