学步园

接上一篇仿造51job选择地域

//将悬浮层的位置定位在

屏幕中央
function GetCenterXY_ForLayer(objdiv){
    x = document.body.scrollLeft;
    y = document.body.scrollTop;
   
    //获取屏幕宽度
    availWidth = parseInt(window.screen.availWidth);
    availHeight = parseInt(window.screen.availHeight);
   
   tblWidth = parseInt(objdiv.width);
   
      
    y = y + availHeight/4;
    x = (availWidth - tblWidth)/2;
   
    objdiv.style.top = y;
    objdiv.style.left = x;
}

function showSubjobarea(show,value,tag){
    var htmlDiv = '';
    var htmlDiv1 = '';
   
   
    if(subarea_s[tag].length == 1){
        sltJobarea(show,value);
    }else{
   
        var j = (6 - jobarea_s.length%6) == 6 ? 0 : (6 - jobarea_s.length%6);
       
        htmlDiv = htmlDiv + '<table width="645" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999">';
        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;font-size: 12px;">请选择地区</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;font-size:

12px;">[关闭]</a></span></td></tr>';
        htmlDiv = htmlDiv + '<tr><td colspan="2" width="645" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
       
        htmlDiv = htmlDiv + '<tr>';
        for(var k=0;k<jobarea_s.length;k++){
           
            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>';
            htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
            if(k%6 == 5){
                htmlDiv = htmlDiv + '</tr><tr>';
            }
        }
        if(j > 0){
            for(var l=1;l<=j;l++){
                htmlDiv = htmlDiv + '<td width="100" height="20">&nbsp;</td>';
                htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
            }
            htmlDiv = htmlDiv + '</tr>';
        }
        htmlDiv = htmlDiv + '</table>';
       
        var j = (6 - subarea_s[tag].length%6) == 6 ? 0 : (6 - subarea_s[tag].length%6);
   
        htmlDiv1 = htmlDiv1 + '<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
        htmlDiv1 = htmlDiv1 + '<tr><td colspan="6" align="left">&nbsp;&nbsp;<span style="color:#FFFFFF" valign="middle;font-size: 12px;">请选择城市

</span></td></tr>';
        htmlDiv1 = htmlDiv1 + '<tr>';
       
        for(var k=0;k<subarea_s[tag].length;k++){
           
            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>';
            htmlDiv1 = htmlDiv1 + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
            if(k%6 == 5){
                htmlDiv1 = htmlDiv1 + '</tr><tr>';
            }
        }
        if(j > 0){
            for(var l=1;l<=j;l++){
                htmlDiv1 = htmlDiv1 + '<td width="100" height="20">&nbsp;</td>';
                htmlDiv1 = htmlDiv1 + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
            }
            htmlDiv1 = htmlDiv1 + '</tr>';
        }
        htmlDiv1 = htmlDiv1 + '</table></td></tr><tr><td colspan="2" height="4" bgcolor="#FF831F"></td></tr></table>';
   
        var dv = document.getElementById('popupArea');
       
        dv.innerHTML = htmlDiv + htmlDiv1;
       
        DivSetVisible(dv);
    }
   
}

function sltJobarea(show,value){
    //document.all("jobarea").value = value;
    document.quicksearch.jobarea.value = value;
    document.all("btnSltArea").value = show;
    document.all("btnSltArea1").value = show;
    hiddenLayer("popupArea");
}

function DivSetVisible(objDiv){
    hideElementAll();
    objDiv.style.visibility = "visible";
}

function initJobArea(){
    var htmlDiv = '';
    var htmlDiv1 = '';
    var tag = 0;
       
var j = (6 - jobarea_s.length%6) == 6 ? 0 : (6 - jobarea_s.length%6);
       
    htmlDiv = htmlDiv + '<table width="645" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999">';
    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;font-size: 12px;">请选择地区</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;font-size: 12px;">[关闭]</a></span></td></tr>';
    htmlDiv = htmlDiv + '<tr><td colspan="2" width="645" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
  
    htmlDiv = htmlDiv + '<tr>';
    for(var k=0;k<jobarea_s.length;k++){
       
        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>';
        htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
        if(k%6 == 5){
            htmlDiv = htmlDiv + '</tr><tr>';
        }
    }

   未完待续