jquery弹出框

//script
<script type="text/javascript" src="/eitp/scripts/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="<s:url value='/dwr/interface/ResourcesDataManager.js' />"></script>
<script type="text/javascript" src="<s:url value='/dwr/engine.js'/>"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#personInfoDiv").dialog({
bgiframe: true,
autoOpen: false,
height: 300,
width: 450,
draggable: false,
resizable: false,
buttons: {
'<s:i18n name="ApplicationResoures_zh.properties"><s:text name="submit" /></s:i18n>': function() {

$(this).dialog('close');
}
},
close: function() {

}
})

})
function showPerson(cardId,roleId)
{
var callBack=function(searchT){
$('#name').html(searchT.key);
$('#img').attr("src","/eitp/"+searchT.value);
$('#phone').html(searchT.key1);
$('#mobile').html(searchT.value1);
$('#email').html(searchT.value2);
$('#sentMessageA').attr("href",'/eitp/student/psychology/messageAccept_toCreateAddVisit.html?cardId='+cardId+'&roleId='+roleId);
$('#personInfoDiv').dialog('open');
}
ResourcesDataManager.getPersonInfoByCardId(cardId,roleId,callBack);

}
</script>

//div隐藏域
<div style=" width: 730px; font-size: 12px;color:#ff0000; margin: 0 auto; text-align:left;display: none;" id="personInfoDiv" title="<fmt:message key='perent.infoCard' />">
      <table class="thispage" border="0" style=" width: 180px; font-size: 12px; color:#333;" cellspacing="0" cellpadding="0">
        <tr>
<td colspan="2"><label id="name" style="font-weight:bold"/></td>
        </tr>
        <tr>
          <td style="width: 35px;"><fmt:message key="user.phoneNumber"/>:</td>
          <td><label id="phone"/></td>
        </tr>
        <tr>
          <td><fmt:message key="student.item.stuMobileOne"/>:</td>
          <td><label id="mobile"/></td>
        </tr>
        <tr>
          <td>EMAIL:</td>
          <td><label id="email"/></td>
        </tr>
      </table>
    <div class="pinglun_link"><a class="this" href="#" id="sentMessageA"><fmt:message key="search.sentMessage"/></a></div>
</div>


//示例2
$(function() {
$("#dialog").dialog({
bgiframe: true,
autoOpen: false,
width:350,
//height: 300,
modal: true,
resizable: false,
buttons: {
'<s:text name="reset" />': function() {
$(this).dialog('close');
},
'<s:text name="submit" />': function() {
var bValid = true;
if (bValid) {
//获取选中checkbox的名字与 ID
var boxForName = document.getElementsByName("option");
//var checkArr = new Array();
var chec="";
var show="";
for(var i=0;i<boxForName.length;i++){
if(boxForName[i].checked){
if(boxForName[i].value!='undefined'){
//checkArr.push(boxForName[i].value);
chec+= boxForName[i].value.toString().split(',')[1];
show += boxForName[i].value.toString().split(',')[0]+",";
}
}
}
document.getElementById("people").innerHTML=show;
document.getElementById("acceptId").value = chec;
//showPeople.choosePeople(function (qb){
//alert(222);
//});
//document.addFavCategory.submit();
$(this).dialog('close');
}
}
},
close: function() {
}
});

$('#addFavCategory').click(function() {
$('#dialog').dialog('open');
});


});