类似51job的地区选择弹出层

原创 2012年03月24日 14:41:33
目前火狐浏览器还不支持
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>类似51job的地区选择弹出层</title>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<form name='quicksearch' method='post' target='_blank'>
<table width="475" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="200">                   
<table align="center" border="0" cellpadding="0" cellspacing="0" width="187">

<input type="hidden" name="jobarea" value="">

<input type="hidden" name="btnSltArea1" value ="选择/修改">
<tr>
<td width="27%" height="30" align="left" valign="top">地点:</td>
<td width="73%" align="center" valign="top">
<input type="button" id="btnSltArea" name="btnSltArea" class="searcharea" value="请选择城市" onclick="initJobArea(); displayLayer(this,'popupArea')" />
</td>
</tr>

</table>

</td>
</tr>
</table>
<script language="javascript">
<!--
//Modified by Ryan Gao 2006-05-23 19:28:40
var jobarea_s = new Array();
var jobarea_v = new Array();
var subarea_s = new Array();
var subarea_v = new Array();
jobarea_s[0] = '北京市';jobarea_v[0] = '0100';subarea_s[0] = new Array();subarea_v[0] = new Array();subarea_s[0][0] = '北京市';subarea_v[0][0] = '0100';
jobarea_s[1] = '上海市';jobarea_v[1] = '0200';subarea_s[1] = new Array();subarea_v[1] = new Array();subarea_s[1][0] = '上海市';
subarea_v[1][0] = '0200';

jobarea_s[2] = '广东省';jobarea_v[2] = '0300';subarea_s[2] = new Array();subarea_v[2] = new Array();subarea_s[2][0] = '广东省';
subarea_v[2][0] = '0300';subarea_s[2][1] = '广州市';subarea_v[2][1] = '0302';subarea_s[2][2] ='惠州市';subarea_v[2][2] ='0303';
subarea_s[2][3] ='汕头市';subarea_v[2][3] ='0304';subarea_s[2][4] ='珠海市';subarea_v[2][4] ='0305';subarea_s[2][5] ='佛山市';
subarea_v[2][5] ='0306';subarea_s[2][6] = '中山市';subarea_v[2][6] = '0307';subarea_s[2][7] = '东莞市';subarea_v[2][7] = '0308';
subarea_s[2][8] ='从化市';subarea_v[2][8] ='0309';subarea_s[2][9] ='韶关市';subarea_v[2][9] ='0314';subarea_s[2][10] ='江门市';
subarea_v[2][10] ='0315';subarea_s[2][11] ='增城市';subarea_v[2][11] ='0316';subarea_s[2][12] = '湛江市';subarea_v[2][12] = '0317';subarea_s[2][13] = '肇庆市';subarea_v[2][13] = '0318';subarea_s[2][14] ='清远市';subarea_v[2][14] ='0319';
subarea_s[2][15] ='潮州市';subarea_v[2][15] ='0320';subarea_s[2][16] ='河源市';subarea_v[2][16] ='0321';subarea_s[2][17] ='揭阳市';subarea_v[2][17] ='0322';subarea_s[2][18] = '茂名市';subarea_v[2][18] = '0323';subarea_s[2][19] = '汕尾市';
subarea_v[2][19] = '0324';subarea_s[2][20] ='顺德市';subarea_v[2][20] ='0325';

jobarea_s[3] = '深圳市';jobarea_v[3] = '0400';subarea_s[3] = new Array();subarea_v[3] = new Array();subarea_s[3][0] = '深圳市';subarea_v[3][0] = '0400';

jobarea_s[4] = '天津市';jobarea_v[4] = '0500';subarea_s[4] = new Array();subarea_v[4] = new Array();subarea_s[4][0] = '天津市';subarea_v[4][0] = '0500';

jobarea_s[5] = '重庆市';jobarea_v[5] = '0600';subarea_s[5] = new Array();subarea_v[5] = new Array();subarea_s[5][0] = '重庆市';subarea_v[5][0] = '0600';

jobarea_s[6] = '江苏省';jobarea_v[6] = '0700';subarea_s[6] = new Array();subarea_v[6] = new Array();subarea_s[6][0] = '江苏省';
subarea_v[6][0] = '0700';subarea_s[6][1] = '南京市';subarea_v[6][1] = '0702';subarea_s[6][2] ='苏州市';subarea_v[6][2] ='0703';
subarea_s[6][3] ='无锡市';subarea_v[6][3] ='0704';subarea_s[6][4] ='常州市';subarea_v[6][4] ='0705';subarea_s[6][5] ='昆山市';
subarea_v[6][5] ='0706';
subarea_s[6][6] ='常熟市';subarea_v[6][6] ='0707';subarea_s[6][7] ='扬州市';subarea_v[6][7] ='0708';subarea_s[6][8] ='南通市';
subarea_v[6][8] ='0709';subarea_s[6][9] = '湛江市';subarea_v[6][9] = '0710';subarea_s[6][10] ='徐州市';subarea_v[6][10] ='0711';subarea_s[6][11] = '连云港市';subarea_v[6][11] = '0712';subarea_s[6][12] = '盐城市';subarea_v[6][12] = '0713';subarea_s[6][13] ='张家港市';subarea_v[6][13] ='0714';

jobarea_s[7] = '浙江省';jobarea_v[7] = '0800';subarea_s[7] = new Array();subarea_v[7] = new Array();subarea_s[7][0] = '浙江省';
subarea_v[7][0] = '0800';subarea_s[7][1] = '杭州市';subarea_v[7][1] = '0802';subarea_s[7][2] ='宁波市';subarea_v[7][2] ='0803';
subarea_s[7][3] ='温州市';subarea_v[7][3] ='0804';subarea_s[7][4] ='绍兴市';subarea_v[7][4] ='0805';subarea_s[7][5] ='金华市';
subarea_v[7][5] ='0806';
subarea_s[7][6] ='嘉兴市';subarea_v[7][6] ='0807';subarea_s[7][7] ='台州市';subarea_v[7][7] ='0808';subarea_s[7][8] ='湖州市';
subarea_v[7][8] ='0809';subarea_s[7][9] = '丽水市';subarea_v[7][9] = '0810';subarea_s[7][10] ='舟山市';subarea_v[7][10] ='0811';subarea_s[7][11] = '衢州市';subarea_v[7][11] = '0812';

jobarea_s[8] = '四川省';jobarea_v[8] = '0900';subarea_s[8] = new Array();subarea_v[8] = new Array();subarea_s[8][0] = '四川省';
subarea_v[8][0] = '0900';subarea_s[8][1] = '成都市';subarea_v[8][1] = '0902';subarea_s[8][2] ='绵阳市';subarea_v[8][2] ='0903';
subarea_s[8][3] ='乐山市';subarea_v[8][3] ='0904';subarea_s[8][4] ='泸州市';subarea_v[8][4] ='0905';subarea_s[8][5] ='德阳市';
subarea_v[8][5] ='0906';
subarea_s[8][6] ='宜宾市';subarea_v[8][6] ='0907';subarea_s[8][7] ='自贡市';subarea_v[7][7] ='0908';subarea_s[8][8] ='内江市';
subarea_v[8][8] ='0909';subarea_s[8][9] = '攀枝花市';subarea_v[8][9] = '0910';

jobarea_s[9] = '海南省';jobarea_v[9] = '1000';subarea_s[9] = new Array();subarea_v[9] = new Array();subarea_s[9][0] = '海南省';subarea_v[9][0] = '1000';subarea_s[9][1] = '海口市';subarea_v[9][1] = '1002';subarea_s[9][2] ='三亚市';subarea_v[9][2] ='1003';

jobarea_s[10] = '福建省';jobarea_v[10] = '1100';subarea_s[10] = new Array();subarea_v[10] = new Array();subarea_s[10][0] = '福建省';subarea_v[10][0] = '1100';subarea_s[10][1] = '福州市';subarea_v[10][1] = '1102';subarea_s[10][2] ='厦门市';subarea_v[10][2] ='1103';subarea_s[10][3] ='泉州市';subarea_v[10][3] ='1104';subarea_s[10][4] ='漳州市';subarea_v[10][4] ='1105';subarea_s[10][5] ='莆田市';subarea_v[10][5] ='1106';subarea_s[10][6] ='三明市';subarea_v[10][6] ='1107';subarea_s[10][7] ='南平市';subarea_v[10][7] ='1108';subarea_s[10][8] ='宁德市';subarea_v[10][8] ='1109';subarea_s[10][9] = '龙岩市';subarea_v[10][9] = '1110';

jobarea_s[11] = '山东省';jobarea_v[11] = '1200';subarea_s[11] = new Array();subarea_v[11] = new Array();subarea_s[11][0] = '山东省';subarea_v[11][0] = '1200';subarea_s[11][1] = '济南市';subarea_v[11][1] = '1202';subarea_s[11][2] ='青岛市';subarea_v[11][2] ='1203';subarea_s[11][3] ='烟台市';subarea_v[11][3] ='1204';subarea_s[11][4] ='潍坊市';subarea_v[11][4] ='1205';subarea_s[11][5] ='威海市';subarea_v[11][5] ='1206';subarea_s[11][6] ='淄博市';subarea_v[11][6] ='1207';subarea_s[11][7] ='临沂市';subarea_v[11][7] ='1208';subarea_s[11][8] ='济宁市';subarea_v[11][8] ='1209';subarea_s[11][9] = '东营市';subarea_v[11][9] = '1210';subarea_s[11][10] ='泰安市';subarea_v[11][10] ='1211';subarea_s[11][11] = '日照市';subarea_v[11][11] = '1212';subarea_s[11][12] = '德州市';subarea_v[11][12] = '1213';

jobarea_s[12] = '江西省';jobarea_v[12] = '1300';subarea_s[12] = new Array();subarea_v[12] = new Array();subarea_s[12][0] = '江西省';subarea_v[12][0] = '1300';subarea_s[12][1] = '南昌市';subarea_v[12][1] = '1302';subarea_s[12][2] ='九江市';subarea_v[12][2] ='1303';

jobarea_s[13] = '广西省';jobarea_v[13] = '1400';subarea_s[13] = new Array();subarea_v[13] = new Array();subarea_s[13][0] = '广西省';subarea_v[13][0] = '1400';subarea_s[13][1] = '南宁市';subarea_v[13][1] = '1402';subarea_s[13][2] ='桂林市';subarea_v[13][2] ='1403';subarea_s[13][3] = '柳州市';subarea_v[13][3]='1403';subarea_s[13][4] = '北海市';subarea_v[13][4]='1404';

jobarea_s[14] = '安徽省';jobarea_v[14] = '1500';subarea_s[14] = new Array();subarea_v[14] = new Array();subarea_s[14][0] = '安徽省';
subarea_v[14][0] = '1500';subarea_s[14][1] = '合肥市';subarea_v[14][1] = '1502';subarea_s[14][2] ='芜湖市';subarea_v[14][2] ='1503';
subarea_s[14][3] ='安庆市';subarea_v[14][3] ='1504';subarea_s[14][4] ='马鞍山市';subarea_v[14][4] ='1505';subarea_s[14][5] ='蚌埠市';
subarea_v[14][5] ='1506';
subarea_s[14][6] ='阜阳市';subarea_v[14][6] ='1507';subarea_s[14][7] ='铜陵市';subarea_v[14][7] ='1508';subarea_s[14][8] ='滁州市';
subarea_v[14][8] ='1509';subarea_s[14][9] = '黄山市';subarea_v[14][9] = '1510';subarea_s[14][10] ='淮南市';subarea_v[14][10] ='1511';subarea_s[14][11] = '六安市';subarea_v[14][11] = '1512';subarea_s[14][12] = '巢湖市';subarea_v[14][12] = '1513';subarea_s[14][13] ='宣城市';subarea_v[14][13] ='1514';subarea_s[14][14] ='池州市';subarea_v[14][14] ='1515';

jobarea_s[15] = '河北省';jobarea_v[15] = '1600';subarea_s[15] = new Array();subarea_v[15] = new Array();subarea_s[15][0] = '河北省';
subarea_v[15][0] = '1600';subarea_s[15][1] = '石家庄市';subarea_v[15][1] = '1602';subarea_s[15][2] ='廊坊市';subarea_v[15][2] ='1603';
subarea_s[15][3] ='保定市';subarea_v[15][3] ='1604';subarea_s[15][4] ='唐山市';subarea_v[15][4] ='1605';subarea_s[15][5] ='秦皇岛市';
subarea_v[15][5] ='1606';

jobarea_s[16] = '河南省';jobarea_v[16] = '1700';subarea_s[16] = new Array();subarea_v[16] = new Array();subarea_s[16][0] = '河南省';
subarea_v[16][0] = '1700';subarea_s[16][1] = '郑州市';subarea_v[16][1] = '1702';subarea_s[16][2] ='洛阳市';subarea_v[16][2] ='1703';
subarea_s[16][3] ='开封市';subarea_v[16][3] ='1704';

jobarea_s[17] = '湖北省';jobarea_v[17] = '1870';subarea_s[17] = new Array();subarea_v[17] = new Array();subarea_s[17][0] = '湖北省';subarea_v[17][0] = '1800';subarea_s[17][1] = '武汉市';subarea_v[17][1] = '1802';subarea_s[17][2] ='宜昌市';subarea_v[17][2] ='1803';subarea_s[17][3] ='黄石市';subarea_v[17][3] ='1804';subarea_s[17][4] ='襄樊市';subarea_v[17][4] ='1805';subarea_s[17][5] ='十堰市';subarea_v[17][5] ='1806';subarea_s[17][6] ='荆州市';subarea_v[17][6] ='1807';subarea_s[17][7] ='荆门市';subarea_v[17][7] ='1808';subarea_s[17][8] ='孝感市';subarea_v[17][8] ='1809';subarea_s[17][9] = '鄂州市';subarea_v[17][9] = '1810';

jobarea_s[18] = '湖南省';jobarea_v[18] = '1900';subarea_s[18] = new Array();subarea_v[18] = new Array();subarea_s[18][0] = '湖南省';subarea_v[18][0] = '1900';subarea_s[18][1] = '长沙市';subarea_v[18][1] = '1902';subarea_s[18][2] ='株洲市';subarea_v[18][2] ='1903';subarea_s[18][3] ='湘潭市';subarea_v[18][3] ='1904';subarea_s[18][4] ='衡阳市';subarea_v[18][4] ='1905';subarea_s[18][5] ='岳阳市';subarea_v[18][5] ='1906';subarea_s[18][6] ='常德市';subarea_v[18][6] ='1907';subarea_s[18][7] ='益阳市';subarea_v[18][7] ='1908';subarea_s[18][8] ='郴州市';subarea_v[18][8] ='1909';subarea_s[18][9] = '邵阳市';subarea_v[18][9] = '1910';subarea_s[18][10] ='怀化市';subarea_v[18][10] ='1911';subarea_s[18][11] = '娄底市';subarea_v[18][11] = '1912';subarea_s[18][12] = '永州市';subarea_v[18][12] = '1913';subarea_s[18][13] ='张家界市';subarea_v[18][13] ='1914';

jobarea_s[19] = '陕西省';jobarea_v[19] = '2000';subarea_s[19] = new Array();subarea_v[19] = new Array();subarea_s[19][0] = '陕西省';
subarea_v[19][0] = '2000';subarea_s[19][1] = '西安市';subarea_v[19][1] = '2002';subarea_s[19][2] ='咸阳市';subarea_v[19][2] ='2003';
subarea_s[19][3] ='宝鸡市';subarea_v[19][3] ='2004';subarea_s[19][4] ='铜川市';subarea_v[19][4] ='2005';subarea_s[19][5] ='延安市';
subarea_v[19][5] ='2006';

jobarea_s[20] = '山西省';jobarea_v[20] = '2100';subarea_s[20] = new Array();subarea_v[20] = new Array();subarea_s[20][0] = '山西省';
subarea_v[20][0] = '2100';subarea_s[20][1] = '太原市';subarea_v[20][1] = '2102';subarea_s[20][2] ='运城市';subarea_v[20][2] ='2103';
subarea_s[20][3] ='大同市';subarea_v[20][3] ='2104';subarea_s[20][4] ='临汾市';subarea_v[20][4] ='2105';

jobarea_s[21] = '黑龙江省';jobarea_v[21] = '2270';subarea_s[21] = new Array();subarea_v[21] = new Array();subarea_s[21][0] = '黑龙江省';subarea_v[21][0] = '2200';subarea_s[21][1] = '哈尔滨市';subarea_v[21][1] = '2202';subarea_s[21][2] ='伊春市';subarea_v[21][2] ='2203';subarea_s[21][3] ='绥化市';subarea_v[21][3] ='2204';subarea_s[21][4] ='大庆市';subarea_v[21][4] ='2205';subarea_s[21][5] ='齐齐哈尔市';subarea_v[21][5] ='2206';subarea_s[21][6] ='牡丹江市';subarea_v[21][6] ='2207';subarea_s[21][7] ='佳木斯市';subarea_v[21][7] ='2208';

jobarea_s[22] = '辽宁省';jobarea_v[22] = '2300';subarea_s[22] = new Array();subarea_v[22] = new Array();subarea_s[22][0] = '辽宁省';subarea_v[22][0] = '2300';subarea_s[22][1] = '沈阳市';subarea_v[22][1] = '2302';subarea_s[22][2] ='大连市';subarea_v[22][2] ='2303';subarea_s[22][3] ='鞍山市';subarea_v[22][3] ='2304';subarea_s[22][4] ='营口市';subarea_v[22][4] ='2305';subarea_s[22][5] ='抚顺市';subarea_v[22][5] ='2306';subarea_s[22][6] ='锦州市';subarea_v[22][6] ='2307';subarea_s[22][7] ='丹东市';subarea_v[22][7] ='2308';subarea_s[22][8] ='葫芦岛市';subarea_v[22][8] ='2309';subarea_s[22][9] = '本溪市';subarea_v[22][9] = '2310';subarea_s[22][10] ='辽阳市';subarea_v[22][10] ='2311';subarea_s[22][11] = '铁岭市';subarea_v[22][11] = '2312';

jobarea_s[23] = '吉林省';jobarea_v[23] = '2400';subarea_s[23] = new Array();subarea_v[23] = new Array();subarea_s[23][0] = '吉林省';
subarea_v[23][0] = '2400';subarea_s[23][1] = '长春市';subarea_v[23][1] = '2402';subarea_s[23][2] ='吉林市';subarea_v[23][2] ='2403';
subarea_s[23][3] ='辽源市';subarea_v[23][3] ='2404';subarea_s[23][4] ='通化市';subarea_v[23][4] ='2405';

jobarea_s[24] = '云南省';jobarea_v[24] = '1240';subarea_s[24] = new Array();subarea_v[24] = new Array();subarea_s[24][0] = '云南省';subarea_v[24][0] = '2500';subarea_s[24][1] = '昆明市';subarea_v[24][1] = '2502';subarea_s[24][2] ='曲靖市';subarea_v[24][2] ='2503';subarea_s[24][3] ='玉溪市';subarea_v[24][3] ='2504';subarea_s[24][4] ='大理市';subarea_v[24][4] ='2505';subarea_s[24][5] ='丽江市';subarea_v[24][5] ='2506';subarea_s[24][6] ='蒙自市';subarea_v[24][6] ='2507';subarea_s[24][7] ='开远市';subarea_v[24][7] ='2508';subarea_s[24][8] ='个旧市';subarea_v[24][8] ='2509';subarea_s[24][9] = '红河州';subarea_v[24][9] = '2510';

jobarea_s[25] = '贵州省';jobarea_v[25] = '2600';subarea_s[25] = new Array();subarea_v[25] = new Array();subarea_s[25][0] = '贵州省';subarea_v[25][0] = '2600';subarea_s[25][1] = '贵阳市';subarea_v[25][1] = '2602';subarea_s[25][2] ='遵义市';subarea_v[25][2] ='2603';

jobarea_s[26] = '甘肃省';jobarea_v[26] = '2700';subarea_s[26] = new Array();subarea_v[26] = new Array();subarea_s[26][0] = '甘肃省';subarea_v[26][0] = '2700';subarea_s[26][1] = '兰州市';subarea_v[26][1] = '2702';subarea_s[26][2] ='金昌市';subarea_v[26][2] ='2703';

jobarea_s[27] = '内蒙古';jobarea_v[27] = '2800';subarea_s[27] = new Array();subarea_v[27] = new Array();subarea_s[27][0] = '内蒙古';subarea_v[27][0] = '2800';subarea_s[27][1] = '呼和浩特市';subarea_v[27][1] = '2802';subarea_s[27][2] ='赤峰市';subarea_v[27][2] ='2803';subarea_s[27][3] ='包头市';subarea_v[27][3] ='2804';

jobarea_s[28] = '宁夏';jobarea_v[28] = '2900';subarea_s[28] = new Array();subarea_v[28] = new Array();subarea_s[28][0] = '宁夏';subarea_v[28][0] = '2900';subarea_s[28][1] = '银川市';subarea_v[28][1] = '2902';

jobarea_s[29] = '西藏';jobarea_v[29] = '3000';subarea_s[29] = new Array();subarea_v[29] = new Array();subarea_s[29][0] = '西藏';subarea_v[29][0] = '3000';subarea_s[29][1] = '拉萨市';subarea_v[29][1] = '3002';subarea_s[29][2] ='日喀则市';subarea_v[29][2] ='3003';

jobarea_s[30] = '新疆';jobarea_v[30] = '3100';subarea_s[30] = new Array();subarea_v[30] = new Array();subarea_s[30][0] = '新疆';subarea_v[30][0] = '3100';subarea_s[30][1] = '乌鲁木齐市';subarea_v[30][1] = '3102';subarea_s[30][2] ='克拉玛依市';subarea_v[30][2] ='3103';subarea_s[30][3] ='喀什地区市';subarea_v[30][3] ='3104';

jobarea_s[31] = '青海省';jobarea_v[31] = '3200';subarea_s[31] = new Array();subarea_v[31] = new Array();subarea_s[31][0] = '青海省';subarea_v[31][0] = '3200';subarea_s[31][1] = '西宁市';subarea_v[31][1] = '3202';

jobarea_s[32] = '香港';jobarea_v[32] = '3300';subarea_s[32] = new Array();subarea_v[32] = new Array();subarea_s[32][0] = '香港';subarea_v[32][0] = '3300';
jobarea_s[33] = '澳门';jobarea_v[33] = '3400';subarea_s[33] = new Array();subarea_v[33] = new Array();subarea_s[33][0] = '澳门';subarea_v[33][0] = '3400';

jobarea_s[34] = '国外';jobarea_v[34] = '3500';subarea_s[34] = new Array();subarea_v[34] = new Array();subarea_s[34][0] = '国外';subarea_v[34][0] = '3500';
function buildDiv(){
var argArr = buildDiv.arguments;
var htmlDiv = '';
var text = '';

for(var i=0;i<argArr.length;i++){
if(argArr[i] == 'popupArea'){
text = "地区";
}

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);">';
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">请选择'+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>';
htmlDiv = htmlDiv + '<tr><td colspan="2" width="645" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';

if(argArr[i] == 'popupArea'){
var j = (6 - jobarea_s.length%6) == 6 ? 0 : (6 - jobarea_s.length%6);

htmlDiv = htmlDiv + '<tr>';
for(var k=0;k<jobarea_s.length;k++){

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>';
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 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></td></tr><tr><td colspan="2" height="4" bgcolor="#FF831F"></td></tr></table>';

htmlDiv = htmlDiv + '</div>';

document.write(htmlDiv);
}
}

function displayLayer(obj,layerID){
hiddenLayer('popupArea');

var dv = document.getElementById(layerID);

GetCenterXY_ForLayer(dv);
DivSetVisible(dv);

//dv.style.visibility = "visible";
}

function hiddenLayer(){
var argArr = hiddenLayer.arguments;

showElementAll();
//var IfrRef = document.getElementById('DivShim');
//IfrRef.style.display = "none";

for(var i=0;i<argArr.length;i++){
eval(argArr[i]).style.visibility = "hidden";
}
}

//将悬浮层的位置定位在屏幕中央
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">请选择地区</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>';
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;请选择城市</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">请选择地区</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>';
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>';

if(document.quicksearch.jobarea.value != ""){
//取得tag
for(var k=0;k<jobarea_v.length;k++){
if(jobarea_v[k] == document.quicksearch.jobarea.value.substring(0,2)+'00'){
tag = k;
break;
}
}
if(subarea_s[tag].length >1){
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;请选择城市</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>';
}
}
htmlDiv = htmlDiv+htmlDiv1+'</td></tr><tr><td colspan="2" height="4" bgcolor="#FF831F"></td></tr></table>';

var dv = document.getElementById('popupArea');
dv.innerHTML = htmlDiv;
}

function HideElement(strElementTagName){
try{
for(i=0;i<window.document.all.tags(strElementTagName).length; i++){
var objTemp = window.document.all.tags(strElementTagName)[i];
objTemp.style.visibility = "hidden";
}
}catch(e){
alert(e.message);
}
}

function ShowElement(strElementTagName){
try{
for(i=0;i<window.document.all.tags(strElementTagName).length; i++){
var objTemp = window.document.all.tags(strElementTagName)[i];
objTemp.style.visibility = "visible";
}
}catch(e){
alert(e.message);
}
}

function hideElementAll(){
HideElement("SELECT");
HideElement("OBJECT");
HideElement("IFRAME");
}

function showElementAll(){
ShowElement("SELECT");
ShowElement("OBJECT");
ShowElement("IFRAME");
}
//-->
</script>
<script language="javascript">
<!--
buildDiv("popupArea","popupFuntype","popupSubfuntype","popupIndustry","popupIssuedate");
//-->
</script>
</form>
</body>
</html>

相关文章推荐

仿51job弹出层城市选择代码

  • 2015年10月25日 09:04
  • 41KB
  • 下载

仿51job JS创建div,html,实现地区联动.

网页特效 地区选择效果 * {margin:0;} body {font-size:12px;} #container div{margin-top:5px;} #select_city ...

51job弹出层选择效果

  • 2011年03月07日 20:36
  • 44KB
  • 下载

用PHP爬取51job上苏州地区的PHP职位信息

用PHP爬取51job上苏州地区的PHP职位信息
  • loguat
  • loguat
  • 2017年04月21日 11:23
  • 229

弹出选择地区

  • 2015年10月30日 10:07
  • 44KB
  • 下载

Android仿IOS地区弹出框选择器

一.  主代码 View view = dialogm(); final MyAlertDialog dialog1 = new MyAlertDialog( InvoiceActivity.t...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:类似51job的地区选择弹出层
举报原因:
原因补充:

(最多只允许输入30个字)