zoukankan      html  css  js  c++  java

  • 用js实现弹出窗口《iframe》



    此代码实现了点击[选择、修改]按钮之后，弹出固定的网页内部窗口，并可以选择相关值。比较实用。

      1<html>
      2<head>
      3<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
      4<link href="/in/style.css" rel="stylesheet" type="text/css">
      5<script language="javascript">
      6<!--
      7function WinOp(url, wei, hei)
      8{
      9    window.open(url, '', 'width='+ wei +' height='+ hei +' scrollbars=yes toolbar=no top=10 left=10 resizable=yes')
     10}
     11//-
     12    </script>
     13</head>
     14<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
     15<html>
     16<head>
     17<LINK rel="stylesheet" href="/in/style.css">
     18<style>
     19BODY {
     20    BACKGROUND-POSITION: center 50%; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(/im/bg.gif); SCROLLBAR-HIGHLIGHT-COLOR: #bdbddd; SCROLLBAR-SHADOW-COLOR: #6c6c8a; SCROLLBAR-3DLIGHT-COLOR: #f0f0f0; SCROLLBAR-TRACK-COLOR: #d6d1d6; BACKGROUND-REPEAT: repeat-y; SCROLLBAR-DARKSHADOW-COLOR: #c9c9eb; SCROLLBAR-BASE-COLOR: #e0e0e0;
     21}
     22
     23a:link {  color: #333333;  font-size: 12px;text-decoration: none}
     24a:visited {  color: #333333; font-size: 12px;text-decoration: none}
     25a:hover {  color: #ff7300; text-decoration: none; font-size: 12px}
     26    </style>
     27</head>
     28<body topmargin=0 marginheight=0>
     29<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
     30<tr>
     31    <td background="http://images.51job.com/im/city1/bgtop.gif" width=259>
     32        <table width="77%" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
     33        <tr>
     34            <td valign="top">
     35                <script language="javascript">
     36                <!--
     37                
     38                //-->
     39                    </script>
     40            </td>
     41        </tr>
     42        </table>
     43    </td>
     44    <style>
     45.clsMenuItemIE
     46{
     47    COLOR: #000000;
     48    FONT-FAMILY: 宋体;
     49    FONT-SIZE: 12px;
     50    TEXT-DECORATION: none
     51}
     52.clsMenuItemIE:link
     53{
     54    COLOR: #000000;
     55    FONT-FAMILY: 宋体;
     56    FONT-SIZE: 12px;
     57    TEXT-DECORATION: none
     58}
     59.clsMenuItemIE:visited
     60{
     61    COLOR: #000000;
     62    FONT-FAMILY: 宋体;
     63    FONT-SIZE: 12px;
     64    TEXT-DECORATION: none
     65}
     66.clsMenuItemIE:hover
     67{
     68    BACKGROUND-COLOR: #d2eeff;
     69    COLOR: #000000;
     70    FONT-FAMILY: 宋体;
     71    FONT-SIZE: 12px;
     72    TEXT-DECORATION: none
     73}
     74.bg1{
     75    BACKGROUND-COLOR: #000080;
     76    color:#ffffff;
     77    width:55px;
     78    text-align:center;
     79}
     80.bg2{
     81    width:55px;
     82    BACKGROUND-COLOR: #FFFFFF;
     83    color:#333333;
     84    text-align:center;
     85}
     86
     87    </style>
     88<script language="JavaScript">
     89    var is_show=0;
     90    
     91    function showToolbar(){
     92        // menu.addItem(id, text, hint, location, alternativeLocation);
     93        // menu.addSubItem(idParent, text, hint, location);
     94    
     95        menu = new Menu();
     96        menu.addItem("menu2_id", "<img src=http://images.51job.com/im/select.gif>", null, null, null);
     97    
     98        menu.addSubItem("menu2_id", "全国", "",   "/default-qz.php");
     99        menu.addSubItem("menu2_id", "北京", "",   "/default-area.php?area=0100");
    100        menu.addSubItem("menu2_id", "上海", "",   "/default-area.php?area=0200");
    101        menu.addSubItem("menu2_id", "广州", "",   "/default-area.php?area=0302");
    102        menu.addSubItem("menu2_id", "深圳", "",   "/default-area.php?area=0400");
    103        menu.addSubItem("menu2_id", "西安", "",   "/default-area.php?area=2002");
    104        menu.addSubItem("menu2_id", "武汉", "",   "/default-area.php?area=1802");
    105        menu.addSubItem("menu2_id", "杭州", "",   "/default-area.php?area=0802");
    106        menu.addSubItem("menu2_id", "成都", "",   "/default-area.php?area=0902");
    107        menu.addSubItem("menu2_id", "南京", "",   "/default-area.php?area=0702");
    108        menu.addSubItem("menu2_id", "昆明", "",   "/default-area.php?area=2502");
    109        menu.addSubItem("menu2_id", "济南", "",   "/default-area.php?area=1202");
    110        menu.addSubItem("menu2_id", "大连", "",   "/default-area.php?area=2303");
    111        menu.addSubItem("menu2_id", "沈阳", "",   "/default-area.php?area=2302");
    112        menu.addSubItem("menu2_id", "青岛", "",   "/default-area.php?area=1203");
    113        menu.addSubItem("menu2_id", "重庆", "",   "/default-area.php?area=0600");
    114        menu.addSubItem("menu2_id", "哈尔滨", "", "/default-area.php?area=2202");
    115        menu.addSubItem("menu2_id", "长沙", "",   "/default-area.php?area=1902");
    116        menu.addSubItem("menu2_id", "合肥", "",   "/default-area.php?area=1502");
    117        menu.addSubItem("menu2_id", "宁波", "",   "/default-area.php?area=0803");
    118        menu.addSubItem("menu2_id", "东莞", "",   "/default-area.php?area=0308");
    119        menu.addSubItem("menu2_id", "长春", "",   "/default-area.php?area=2402");
    120        menu.addSubItem("menu2_id", "苏州", "",   "/default-area.php?area=0703");
    121        menu.addSubItem("menu2_id", "福州", "",   "/default-area.php?area=1102");
    122        menu.addSubItem("menu2_id", "郑州", "",   "/default-area.php?area=1702");
    123        menu.addSubItem("menu2_id", "天津", "",   "/default-area.php?area=0500");
    124        menu.showMenu();
    125    }
    126    
    127    showToolbar();
    128    refreshIt();
    129    document.body.onscroll=hideAll;
    130    document.body.onmousemove=updateIt;
    131    </script>
    132</td>
    133</tr>
    134</table>
    135</body>
    136</html>
    137<table width="475" border="0" align="center" cellpadding="0" cellspacing="0">
    138                <tr>
    139                    <td width="200">
    140                        <form name='quicksearch' action='/sc/search_result.php?begin=begin' method='post' target='_blank' onSubmit='return checkall()'>
    141                                            <input type=hidden name="postfrom" value ="qz">
    142                            <html>
    143                                <head>
    144                                <LINK rel="stylesheet" href="/in/style.css">
    145                                </head>
    146                            <body>
    147                                <iframe id="DivShim" src="javascript:false;" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none;"></iframe>
    148                                <table align="center" border="0" cellpadding="0" cellspacing="0" width="187">
    149                                    <input type="hidden" name="jobarea_sel" value="">
    150                                    <input type="hidden" name="jobarea" value="">
    151                                    <input type="hidden" name="funtype_big" value ="0000">
    152                                    <input type="hidden" name="funtype" value ="">
    153                                    <input type="hidden" name="industrytype" value ="">
    154                                    <input type="hidden" name="issuedate" value ="">
    155                                    <input type="hidden" name="btnSltArea1" value ="选择/修改">
    156                                    <input type="hidden" name="btnSltFuntype1" value ="选择/修改">
    157                                    <input type="hidden" name="btnSltPosition1" value ="选择/修改">
    158                                    <input type="hidden" name="btnSltIndustry1" value ="选择/修改">
    159                                    <input type="hidden" name="btnSltIssuedate1" value ="选择/修改">
    160                                    <tr>
    161                                    <td width="20%" height="30" align="left" valign="top">&nbsp;地点:</td>
    162                                    <td width="80%" align="center" valign="top"><input type="button" name="btnSltArea" style="background:url('http://images.51job.com/im/search_pic7.gif');125px;height:25px;border:0px;cursor:hand;" value="选择/修改" title="请选择地点" onClick="initJobArea();displayLayer(this,'popupArea')"></td>
    163                                    </tr>
    164                                    <tr>
    165                                    <td height="30" align="left" valign="top">&nbsp;职能:</td>
    166                                    <td width="80%" align="center" valign="top"><input type="button" name="btnSltFuntype" style="background:url('http://images.51job.com/im/search_pic7.gif');125px;height:25px;border:0px;cursor:hand;" value="选择/修改" title="选择/修改" onClick="displayLayer(this,'popupFuntype')"></td>
    167                                    </tr>
    168                                    <tr>
    169                                    <td height="30" align="left" valign="top">&nbsp;职位:</td>
    170                                    <td width="80%" align="center" valign="top"><input type="button" name="btnSltPosition" style="background:url('http://images.51job.com/im/search_pic7.gif');125px;height:25px;border:0px;cursor:hand;" value="选择/修改" title="选择/修改" disabled onClick="displayLayer(this,'popupSubfuntype')"></td>
    171                                    </tr>
    172                                    <tr> 
    173                                        <td height="30" align="left" valign="top">&nbsp;行业:</td>
    174                                        <td width="80%" align="center" valign="top"><input type="button" name="btnSltIndustry" style="background:url('http://images.51job.com/im/search_pic7.gif');125px;height:25px;border:0px;cursor:hand;" value="选择/修改" title="选择/修改" onClick="displayLayer(this,'popupIndustry')"></td>
    175                                    </tr>
    176                                    <tr> 
    177                                        <td height="30" align="left" valign="top">&nbsp;日期:</td>
    178                                        <td width="80%" align="center" valign="top"><input type="button" name="btnSltIssuedate" style="background:url('http://images.51job.com/im/search_pic7.gif');125px;height:25px;border:0px;cursor:hand;" value="选择/修改" title="选择/修改" onClick="displayLayer(this,'popupIssuedate')"></td>
    179                                    </tr>
    180                                </table>
    181                            </body>
    182                            </html>
    183                            </form>                    
    184                    </td>
    185                </tr>
    186                </table>
    187<script language="javascript">
    188<!--
    189//Modified by Ryan Gao 2006-05-23 19:28:40
    190var jobarea_s = new Array();
    191var jobarea_v = new Array();
    192var subarea_s = new Array();
    193var subarea_v = new Array();
    194jobarea_s[0] = '北京市';
    195jobarea_v[0] = '0100';
    196subarea_s[0] = new Array();
    197subarea_v[0] = new Array();
    198subarea_s[0][0] = '北京市';
    199subarea_v[0][0] = '0100';
    200jobarea_s[1] = '上海市';
    201jobarea_v[1] = '0200';
    202subarea_s[1] = new Array();
    203subarea_v[1] = new Array();
    204subarea_s[1][0] = '上海市';
    205subarea_v[1][0] = '0200';
    206jobarea_s[2] = '广东省';
    207jobarea_v[2] = '0300';
    208subarea_s[2] = new Array();
    209subarea_v[2] = new Array();
    210subarea_s[2][0] = '广东省';
    211subarea_v[2][0] = '0300';
    212subarea_s[2][1] = '广州市';
    213subarea_v[2][1] = '0302';
    214//Modified by Ryan Gao 2006-05-23 19:28:39
    215var func_s = new Array();
    216var func_v = new Array();
    217var subfunc_s = new Array();
    218var subfunc_v = new Array();
    219func_s[0] = '计算机硬件';
    220func_v[0] = '2400';
    221subfunc_s[0] = new Array();
    222subfunc_v[0] = new Array();
    223subfunc_s[0][0] = '(全部)计算机硬件类';
    224subfunc_v[0][0] = '2400';
    225func_s[1] = '计算机软件';
    226func_v[1] = '0100';
    227subfunc_s[1] = new Array();
    228subfunc_v[1] = new Array();
    229subfunc_s[1][0] = '(全部)计算机软件类';
    230subfunc_v[1][0] = '0100';
    231//Modified by Ryan Gao 2006-05-23 19:28:39
    232var ind_s = new Array();
    233var ind_v = new Array();
    234ind_s[0] = '计算机软件';
    235ind_v[0] = '01';
    236ind_s[1] = '计算机硬件';
    237ind_v[1] = '37';
    238//Modified by Ryan Gao 2006-03-30 09:19:06
    239var pubschedule_show = new Array();
    240var pubschedule_value = new Array();
    241pubschedule_show[0] = '近一天';
    242pubschedule_value[0] = '01';
    243pubschedule_show[1] = '近二天';
    244pubschedule_value[1] = '02';
    245
    246function buildDiv(){
    247    var argArr = buildDiv.arguments;
    248    var htmlDiv = '';
    249    var text = '';
    250
    251    for(var i=0;i<argArr.length;i++){
    252        if(argArr[i] == 'popupArea'){
    253            text = "地区";
    254        }    else if(argArr[i] == 'popupFuntype'){
    255            text = "职能";
    256        }    else if(argArr[i] == 'popupSubfuntype'){
    257            text = "职位";
    258        }    else if(argArr[i] == 'popupIndustry'){
    259            text = "行业";
    260        }    else{
    261            text = "发布日期";
    262        }
    263        
    264        htmlDiv = '<div id="'+argArr[i]+'" width="645" style="position:absolute;left:10px;top:-165px;visibility:hidden;z-index:100;filter:progid:DXImageTransform.Microsoft.DropShadow(Color=#BFBFBF,OffX=4,OffY=4);">';
    265        htmlDiv = htmlDiv + '<table width="645" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999">';
    266        htmlDiv = htmlDiv + '<tr><td align="left" valign="middle" width="599" height="27" background="http://images.51job.com/im/search/orangebg.gif">&nbsp;&nbsp;<img src="http://images.51job.com/im/search/orangearrow.gif">&nbsp;<span style="color:#FFFFFF">请选择'+text+'</span></td><td align="left" valign="middle" width="50" height="20" background="http://images.51job.com/im/search/orangebg.gif"><span><a onclick="javascript:hiddenLayer('+argArr[i]+')" style="color:#FFFFFF;cursor:hand;">[关闭]</a></span></td></tr>';
    267        htmlDiv = htmlDiv + '<tr><td colspan="2" width="645" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
    268        
    269        if(argArr[i] == 'popupArea'){
    270            var j = (6 - jobarea_s.length%6) == 6 ? 0 : (6 - jobarea_s.length%6);
    271
    272            htmlDiv = htmlDiv + '<tr>';
    273            for(var k=0;k<jobarea_s.length;k++){
    274                
    275                htmlDiv = htmlDiv + '<td height="20" align="center"><a style="cursor:hand" onclick="showSubjobarea(\''+jobarea_s[k]+'\',\''+jobarea_v[k]+'\',\''+k+'\')">'+jobarea_s[k]+'</a></td>';
    276                htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    277                if(k%6 == 5){
    278                    htmlDiv = htmlDiv + '</tr><tr>';
    279                }
    280            }
    281            if(j > 0){
    282                for(var l=1;l<=j;l++){
    283                    htmlDiv = htmlDiv + '<td height="20">&nbsp;</td>';
    284                    htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    285                }
    286                htmlDiv = htmlDiv + '</tr>';
    287            }
    288        }
    289        
    290        if(argArr[i] == 'popupFuntype'){
    291            var j = (3 - func_s.length%3) == 3 ? 0 : (3 - func_s.length%3);
    292
    293            htmlDiv = htmlDiv + '<tr>';
    294            for(var k=0;k<func_s.length;k++){
    295                
    296                htmlDiv = htmlDiv + '<td height="20" align="center"><a style="cursor:hand" onclick="sltFuntype(\''+func_s[k]+'\',\''+func_v[k]+'\',\''+k+'\')">'+func_s[k]+'</a></td>';
    297                htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    298                if(k%3 == 2){
    299                    htmlDiv = htmlDiv + '</tr><tr>';
    300                }
    301            }
    302            if(j > 0){
    303                for(var l=1;l<=j;l++){
    304                    htmlDiv = htmlDiv + '<td height="20">&nbsp;</td>';
    305                    htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    306                }
    307                htmlDiv = htmlDiv + '</tr>';
    308            }
    309        }
    310        
    311        if(argArr[i] == 'popupSubfuntype'){
    312            
    313        }
    314        
    315        if(argArr[i] == 'popupIndustry'){
    316            var j = (3 - ind_s.length%3) == 3 ? 0 : (3 - ind_s.length%3);
    317            
    318            htmlDiv = htmlDiv + '<tr><td height="20" align="center"><a onclick="sltIndustry(\'不限\',\'00\')" style="cursor:hand">不限</a></td><td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td><td height="20" align="center"></td><td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td><td height="20" align="center"></td><td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td></tr>';
    319            
    320            htmlDiv = htmlDiv + '<tr>';
    321            for(var k=0;k<ind_s.length;k++){
    322                
    323                htmlDiv = htmlDiv + '<td height="20" align="center"><a style="cursor:hand" onclick="sltIndustry(\''+ind_s[k]+'\',\''+ind_v[k]+'\')">'+ind_s[k]+'</a></td>';
    324                htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    325                if(k%3 == 2){
    326                    htmlDiv = htmlDiv + '</tr><tr>';
    327                }
    328            }
    329            if(j > 0){
    330                for(var l=1;l<=j;l++){
    331                    htmlDiv = htmlDiv + '<td height="20">&nbsp;</td>';
    332                    htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    333                }
    334                htmlDiv = htmlDiv + '</tr>';
    335            }
    336        }
    337        
    338        if(argArr[i] == 'popupIssuedate'){
    339            var j = (3 - pubschedule_show.length%3) == 3 ? 0 : (3 - pubschedule_show.length%3);
    340
    341            htmlDiv = htmlDiv + '<tr>';
    342            for(var k=0;k<pubschedule_show.length;k++){
    343                htmlDiv = htmlDiv + '<td height="20" align="center"><a style="cursor:hand" onclick="sltIssuedate(\''+pubschedule_show[k]+'\',\''+pubschedule_value[k]+'\')">'+pubschedule_show[k]+'</a></td>';
    344                htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    345                if(k%3 == 2){
    346                    htmlDiv = htmlDiv + '</tr><tr>';
    347                }
    348            }
    349            if(j > 0){
    350                for(var l=1;l<=j;l++){
    351                    htmlDiv = htmlDiv + '<td height="20">&nbsp;</td>';
    352                    htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    353                }
    354                htmlDiv = htmlDiv + '</tr>';
    355            }
    356        }
    357        
    358        
    359        
    360        htmlDiv = htmlDiv + '</table></td></tr><tr><td colspan="2" height="4" bgcolor="#FF831F"></td></tr></table>';
    361        
    362        htmlDiv = htmlDiv + '</div>';
    363
    364        document.write(htmlDiv);
    365    }
    366}
    367
    368function displayLayer(obj,layerID){
    369    hiddenLayer('popupArea','popupFuntype','popupSubfuntype','popupIndustry','popupIssuedate');
    370    
    371    var dv = document.getElementById(layerID);
    372    
    373    GetCenterXY_ForLayer(dv);
    374    DivSetVisible(dv);
    375
    376    //dv.style.visibility = "visible";
    377}
    378
    379function hiddenLayer(){
    380    var argArr = hiddenLayer.arguments;
    381    
    382    showElementAll();
    383    //var IfrRef = document.getElementById('DivShim');
    384    //IfrRef.style.display = "none";
    385    
    386    for(var i=0;i<argArr.length;i++){
    387        eval(argArr[i]).style.visibility = "hidden";
    388    }
    389}
    390
    391//将悬浮层的位置定位在屏幕中央
    392function GetCenterXY_ForLayer(objdiv){
    393    x = document.body.scrollLeft;
    394    y = document.body.scrollTop;
    395    
    396    //获取屏幕宽度
    397    availWidth = parseInt(window.screen.availWidth);
    398    availHeight = parseInt(window.screen.availHeight);
    399    
    400    tblWidth = parseInt(objdiv.width);
    401    
    402        
    403    y = y + availHeight/4;
    404    x = (availWidth - tblWidth)/2;
    405    
    406    objdiv.style.top = y;
    407    objdiv.style.left = x;
    408}
    409
    410function GetLength(strTemp){
    411    var i,sum;
    412    sum=0;
    413    for(i=0;i<strTemp.length;i++){
    414        if ((strTemp.charCodeAt(i)>=0) && (strTemp.charCodeAt(i)<=255)) 
    415            sum = sum + 1;
    416        else 
    417            sum=sum + 2;
    418    }
    419    return sum;
    420}
    421
    422function subStringPro(str, length){
    423    var stri = '';
    424    for(i=0,j=0; j<length;){
    425        if ((str.charCodeAt(i)>=0) && (str.charCodeAt(i)<=255)) {
    426            stri += str.charAt(i);
    427            j++;
    428        }     else {
    429            stri += str.charAt(i);
    430            j += 2;
    431        }
    432        i++;
    433    }
    434    return stri;
    435}
    436
    437function sltFuntype(show,value,k){
    438    //document.all("funtype_big").value = value;
    439    document.quicksearch.funtype_big.value = value;
    440    
    441    var strName = show;
    442    var lengthStr = GetLength(strName);
    443    
    444    if(lengthStr>17) strName=subStringPro(strName,15)+'';
    445    document.all("btnSltFuntype").value = strName;
    446    document.all("btnSltFuntype1").value = strName;
    447    
    448    //每次选择大类，重置小类里面的值
    449    var strName = subfunc_s[k][0];
    450    var lengthStr = GetLength(strName);
    451
    452    if(lengthStr>17) strName=subStringPro(strName,15)+'';
    453    document.all("btnSltPosition").value = strName;
    454    document.all("btnSltPosition1").value = strName;
    455    //document.all("funtype").value = subfunc_v[k][0];
    456    document.quicksearch.funtype.value = subfunc_v[k][0];
    457    
    458    buildJobtype(k);
    459    
    460    document.all("btnSltPosition").disabled = false;
    461    hiddenLayer("popupFuntype");
    462}
    463
    464function showSubjobarea(show,value,tag){
    465    var htmlDiv = '';
    466    var htmlDiv1 = '';
    467    
    468    
    469    if(subarea_s[tag].length == 1){
    470        sltJobarea(show,value);
    471    }    else{
    472    
    473        var j = (6 - jobarea_s.length%6) == 6 ? 0 : (6 - jobarea_s.length%6);
    474        
    475        htmlDiv = htmlDiv + '<table width="645" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999">';
    476        htmlDiv = htmlDiv + '<tr><td align="left" valign="middle" width="599" height="27" background="http://images.51job.com/im/search/orangebg.gif">&nbsp;&nbsp;<img src="http://images.51job.com/im/search/orangearrow.gif">&nbsp;<span style="color:#FFFFFF">请选择地区</span></td><td align="left" valign="middle" width="50" height="20" background="http://images.51job.com/im/search/orangebg.gif"><span><a onclick="javascript:hiddenLayer(popupArea)" style="color:#FFFFFF;cursor:hand;">[关闭]</a></span></td></tr>';
    477        htmlDiv = htmlDiv + '<tr><td colspan="2" width="645" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
    478        
    479        htmlDiv = htmlDiv + '<tr>';
    480        for(var k=0;k<jobarea_s.length;k++){
    481            
    482            htmlDiv = htmlDiv + '<td width="100" height="20" align="center"><a style="cursor:hand" onclick="showSubjobarea(\''+jobarea_s[k]+'\',\''+jobarea_v[k]+'\',\''+k+'\')">'+jobarea_s[k]+'</a></td>';
    483            htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    484            if(k%6 == 5){
    485                htmlDiv = htmlDiv + '</tr><tr>';
    486            }
    487        }
    488        if(j > 0){
    489            for(var l=1;l<=j;l++){
    490                htmlDiv = htmlDiv + '<td width="100" height="20">&nbsp;</td>';
    491                htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    492            }
    493            htmlDiv = htmlDiv + '</tr>';
    494        }
    495        htmlDiv = htmlDiv + '</table>';
    496        
    497        var j = (6 - subarea_s[tag].length%6) == 6 ? 0 : (6 - subarea_s[tag].length%6);
    498    
    499        htmlDiv1 = htmlDiv1 + '<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
    500        htmlDiv1 = htmlDiv1 + '<tr><td colspan="6" align="left">&nbsp;&nbsp;请选择城市</td></tr>';
    501        htmlDiv1 = htmlDiv1 + '<tr>';
    502        
    503        for(var k=0;k<subarea_s[tag].length;k++){
    504            
    505            htmlDiv1 = htmlDiv1 + '<td width="100" height="20" align="center"><a style="cursor:hand" onclick="sltJobarea(\''+subarea_s[tag][k]+'\',\''+subarea_v[tag][k]+'\')">'+subarea_s[tag][k]+'</a></td>';
    506            htmlDiv1 = htmlDiv1 + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    507            if(k%6 == 5){
    508                htmlDiv1 = htmlDiv1 + '</tr><tr>';
    509            }
    510        }
    511        if(j > 0){
    512            for(var l=1;l<=j;l++){
    513                htmlDiv1 = htmlDiv1 + '<td width="100" height="20">&nbsp;</td>';
    514                htmlDiv1 = htmlDiv1 + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    515            }
    516            htmlDiv1 = htmlDiv1 + '</tr>';
    517        }
    518        htmlDiv1 = htmlDiv1 + '</table></td></tr><tr><td colspan="2" height="4" bgcolor="#FF831F"></td></tr></table>';
    519    
    520        var dv = document.getElementById('popupArea');
    521        
    522        dv.innerHTML = htmlDiv + htmlDiv1;
    523        
    524        DivSetVisible(dv);
    525    }
    526    
    527}
    528
    529function sltJobarea(show,value){
    530    //document.all("jobarea").value = value;
    531    document.quicksearch.jobarea.value = value;
    532    document.all("btnSltArea").value = show;
    533    document.all("btnSltArea1").value = show;
    534    hiddenLayer("popupArea");
    535}
    536
    537function buildJobtype(tag){
    538    var htmlDiv = '';
    539
    540    var j = (3 - subfunc_s[tag].length%3) == 3 ? 0 : (3 - subfunc_s[tag].length%3);
    541
    542    htmlDiv = htmlDiv + '<table width="645" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999">';
    543    htmlDiv = htmlDiv + '<tr><td align="left" valign="middle" width="599" height="27" background="http://images.51job.com/im/search/orangebg.gif">&nbsp;&nbsp;<img src="http://images.51job.com/im/search/orangearrow.gif">&nbsp;<span style="color:#FFFFFF">请选择职位</span></td><td align="left" valign="middle" width="50" height="20" background="http://images.51job.com/im/search/orangebg.gif"><span><a onclick="javascript:hiddenLayer(popupSubfuntype)" style="color:#FFFFFF;cursor:hand;">[关闭]</a></span></td></tr>';
    544    htmlDiv = htmlDiv + '<tr><td colspan="2" width="645" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
    545    
    546    htmlDiv = htmlDiv + '<tr>';
    547    for(var k=0;k<subfunc_s[tag].length;k++){
    548        
    549        htmlDiv = htmlDiv + '<td height="20" align="center"><a style="cursor:hand" onclick="sltSubfuntype(\''+subfunc_s[tag][k]+'\',\''+subfunc_v[tag][k]+'\')">'+subfunc_s[tag][k]+'</a></td>';
    550        htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    551        if(k%3 == 2){
    552            htmlDiv = htmlDiv + '</tr><tr>';
    553        }
    554    }
    555    if(j > 0){
    556        for(var l=1;l<=j;l++){
    557            htmlDiv = htmlDiv + '<td height="20">&nbsp;</td>';
    558            htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    559        }
    560        htmlDiv = htmlDiv + '</tr>';
    561    }
    562    htmlDiv = htmlDiv + '</table></td></tr><tr><td colspan="2" height="4" bgcolor="#FF831F"></td></tr></table>';
    563
    564    var dv = document.getElementById('popupSubfuntype');
    565    
    566    dv.innerHTML = htmlDiv;
    567    
    568}
    569
    570function sltSubfuntype(show,value){
    571    document.quicksearch.funtype.value = value;
    572    
    573    var strName = show;
    574    var lengthStr = GetLength(strName);
    575
    576    if(lengthStr>17) strName=subStringPro(strName,15)+'';
    577    document.all("btnSltPosition").value = strName;
    578    document.all("btnSltPosition1").value = strName;
    579    hiddenLayer("popupSubfuntype");
    580}
    581
    582function sltIssuedate(show,value){
    583    document.quicksearch.issuedate.value = value;
    584    document.all("btnSltIssuedate").value = show;
    585    document.all("btnSltIssuedate1").value = show;
    586    hiddenLayer("popupIssuedate");
    587}
    588
    589function sltIndustry(show,value){
    590    document.all("industrytype").value = value;
    591    
    592    var strName = show;
    593    var lengthStr = GetLength(strName);
    594
    595    if(lengthStr>17) strName=subStringPro(strName,15)+'';
    596    document.all("btnSltIndustry").value = strName;
    597    document.all("btnSltIndustry1").value = strName;
    598    hiddenLayer("popupIndustry");
    599}
    600
    601function DivSetVisible(objDiv){
    602    hideElementAll();
    603    objDiv.style.visibility = "visible";
    604}
    605
    606function initJobArea(){
    607    var htmlDiv = '';
    608    var htmlDiv1 = '';
    609    var tag = 0;
    610        
    611    var j = (6 - jobarea_s.length%6) == 6 ? 0 : (6 - jobarea_s.length%6);
    612        
    613    htmlDiv = htmlDiv + '<table width="645" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999">';
    614    htmlDiv = htmlDiv + '<tr><td align="left" valign="middle" width="599" height="27" background="http://images.51job.com/im/search/orangebg.gif">&nbsp;&nbsp;<img src="http://images.51job.com/im/search/orangearrow.gif" valign="middle">&nbsp;<span style="color:#FFFFFF" valign="middle">请选择地区</span></td><td align="left" valign="middle" width="50" height="20" background="http://images.51job.com/im/search/orangebg.gif"><span><a onclick="javascript:hiddenLayer(popupArea)" style="color:#FFFFFF;cursor:hand;">[关闭]</a></span></td></tr>';
    615    htmlDiv = htmlDiv + '<tr><td colspan="2" width="645" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
    616    
    617    htmlDiv = htmlDiv + '<tr>';
    618    for(var k=0;k<jobarea_s.length;k++){
    619        
    620        htmlDiv = htmlDiv + '<td width="100" height="20" align="center"><a style="cursor:hand" onclick="showSubjobarea(\''+jobarea_s[k]+'\',\''+jobarea_v[k]+'\',\''+k+'\')">'+jobarea_s[k]+'</a></td>';
    621        htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    622        if(k%6 == 5){
    623            htmlDiv = htmlDiv + '</tr><tr>';
    624        }
    625    }
    626
    627    if(j > 0){
    628        for(var l=1;l<=j;l++){
    629            htmlDiv = htmlDiv + '<td width="100" height="20">&nbsp;</td>';
    630            htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    631        }
    632        htmlDiv = htmlDiv + '</tr>';
    633    }
    634    htmlDiv = htmlDiv + '</table>';
    635
    636    if(document.quicksearch.jobarea.value != ""){
    637        //取得tag
    638        for(var k=0;k<jobarea_v.length;k++){
    639            if(jobarea_v[k] == document.quicksearch.jobarea.value.substring(0,2)+'00'){
    640                tag = k;
    641                break;
    642            }
    643        }
    644        if(subarea_s[tag].length >1){
    645            var j = (6 - subarea_s[tag].length%6) == 6 ? 0 : (6 - subarea_s[tag].length%6);
    646            
    647            htmlDiv1 = htmlDiv1 + '<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
    648            htmlDiv1 = htmlDiv1 + '<tr><td colspan="6" align="left">&nbsp;&nbsp;请选择城市</td></tr>';
    649            htmlDiv1 = htmlDiv1 + '<tr>';
    650            
    651            for(var k=0;k<subarea_s[tag].length;k++){
    652                
    653                htmlDiv1 = htmlDiv1 + '<td width="100" height="20" align="center"><a style="cursor:hand" onclick="sltJobarea(\''+subarea_s[tag][k]+'\',\''+subarea_v[tag][k]+'\')">'+subarea_s[tag][k]+'</a></td>';
    654                htmlDiv1 = htmlDiv1 + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    655                if(k%6 == 5){
    656                    htmlDiv1 = htmlDiv1 + '</tr><tr>';
    657                }
    658            }
    659            if(j > 0){
    660                for(var l=1;l<=j;l++){
    661                    htmlDiv1 = htmlDiv1 + '<td width="100" height="20">&nbsp;</td>';
    662                    htmlDiv1 = htmlDiv1 + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
    663                }
    664                htmlDiv1 = htmlDiv1 + '</tr>';
    665            }
    666            htmlDiv1 = htmlDiv1 + '</table>';
    667        }
    668    }
    669    htmlDiv = htmlDiv+htmlDiv1+'</td></tr><tr><td colspan="2" height="4" bgcolor="#FF831F"></td></tr></table>';
    670    
    671    var dv = document.getElementById('popupArea');
    672    dv.innerHTML = htmlDiv;
    673}
    674
    675function HideElement(strElementTagName){
    676    try{
    677        for(i=0;i<window.document.all.tags(strElementTagName).length; i++){
    678            var objTemp = window.document.all.tags(strElementTagName)[i];
    679            objTemp.style.visibility = "hidden";
    680        }
    681    }    catch(e){
    682        alert(e.message);
    683    }
    684}
    685
    686function ShowElement(strElementTagName){
    687    try{
    688        for(i=0;i<window.document.all.tags(strElementTagName).length; i++){
    689            var objTemp = window.document.all.tags(strElementTagName)[i];
    690            objTemp.style.visibility = "visible";
    691        }
    692    }    catch(e){
    693        alert(e.message);
    694    }
    695}
    696
    697function hideElementAll(){
    698    HideElement("SELECT");
    699    HideElement("OBJECT");
    700    HideElement("IFRAME");
    701}
    702
    703function showElementAll(){
    704    ShowElement("SELECT");
    705    ShowElement("OBJECT");
    706    ShowElement("IFRAME");
    707}
    708//-->
    709    </script>
    710<script language="javascript">
    711<!--
    712buildDiv("popupArea","popupFuntype","popupSubfuntype","popupIndustry","popupIssuedate");
    713//-->
    714    </script>
    715</body>
    716</html>
  • 相关阅读:
    oracle hint
    oracle资源
    数据迁移相关笔记
    csdn的blog可以直接导入内含图片的word文档吗？
    Windows Live Writer离线博客工具使用教程(适用于博客园、CSDN、51CTO等等博客)
    csdn的博客上传word图片
    怎样将word中的图片插入到CSDN博客中
    测试用Word2007发布博客文章
    用WORD2007发布博客文章
    Word2007发布博客
  • 原文地址：https://www.cnblogs.com/RuiLei/p/457142.html
Copyright © 2011-2022 走看看